清除浮动 or 闭合浮动

为什么要清除浮动子元素 float:left; 脱离文档流,会造成父元素塌陷(撑不起来)父元素 靠子元素撑起来清除浮动 clear:both<div> <div></div> <div></div></div>// 伪元素 :after.clear:after{ clear:both; content:"."; display:table; width:0; height:0; visibility:hidden;}闭合浮动 - 增加额外元素 clear:both父级元素不设置 height子元素 float:left额外增加元素 clear:both <div class=“main”> <div class=“sub”></div> <div class=“sub”></div> <div style=“clear:both”></div></div>闭合浮动 – 使用 br 和其自身的 html 属性==注意== clear=all 不推荐使用的属性(moz)<div class=“main”> <div class=“sub”></div> <div class=“sub”></div> <br clear=“all”></div>闭合浮动 – 父元素设置 overflow:hidden<div class=“main”> <div class=“sub”></div> <div class=“sub”></div></div>闭合浮动 – 父元素设置 display:table<div class=“main”> <div class=“sub”></div> <div class=“sub”></div></div>