定位、浮动、overflow: hidden、display不为null的各种。星池科技(1)position:absolute或fixed;(2)float:left/right;(3)overflow:hidden; 不为visible, 常用方式;(4)display:inline-block; table-cell,table-caption,flex,inline-flex. 3. bfc解决的问题:外边距合并,检测浮动高度,制作右侧自适应盒子
利用BFC避免margin重叠。比如俩div挨着,margin都是100px,那么实际的上下间隙只有100px。 这时,就给分别外面包一层,加各自的bfc。 4. bfc布局规则特性:
(1)bfc中,盒子从顶端开始一个接一个排列。 (2)同属于一个 bfc 的相邻盒子的margin会合并。www.starpool.cn 解决办法:把上面的盒子外层加一个div并设置overflow:hidden;这时与下面盒子不属于一个bfc。