清除浮动(带来的影响) clear与margin重叠

标签：flow   设置   bfc   外边距   浮动框   叠加   hid   边框   定位   

• 【CSS】【清除浮动(带来的影响) clear与margin重叠】

• 1.用clear清除浮动(在浮动元素的底加入div且设置clear:both;)，会发生margin重叠显现

• 2.用BFC清除浮动(在浮动元素的父元素上加入overflow: hidden;)，则会把整个元素包起来，从而不会发生margin重叠现象

　　(PS：只有普通文档流中块框的垂直外边距才会发生外边距叠加。行内框、浮动框或绝对定位框之间的外边距不会叠加。)

　　第一个是使用了"clear:both"但是它会与margin重叠，则margin-botttom无法发挥作用；在父级DIV加上边框 margin-botttom可以发挥作用

　　第二个是使用了“overflow：hidden”使得元素BFC化，包裹好了，不影响margin-bottom发挥作用

清除浮动(带来的影响) clear与margin重叠

标签：flow   设置   bfc   外边距   浮动框   叠加   hid   边框   定位   

原文地址：https://www.cnblogs.com/qianphong/p/10375847.html