div撑开父容器的办法

    xiaoxiao2021-03-26  8

    这里说的都是子元素是block或者inline-block,并且子元素浮动的情况。

    简单说一下都有什么方案

    1.子元素clear:both;

    2.子元素display:inline-block;(父容器配合white-space:nowrap;overflow-x:scroll; 可以横向撑开容器)

    3.父元素overflow:hidden;

    这三个方法都有各自的缺点,相对缺点少的就是第三种了,我认为最不好的是第二种,但是某些场景下横向撑开容器只能用那个办法。

    所以,推荐首第三种,其次用第二种,最后用第一种。

    也不知道写完这玩扔有没有人看,例子有需要我再写吧。

    转载请注明原文地址: https://ju.6miu.com/read-600313.html

    最新回复(0)