15
2020
05

如何清除一个标签的子标签的浮动?

清除浮动的几种方法:


1.父元素有高度,此时就没有浮动的影响了


2.父元素如果不愿意设置固定死的高度,而是自动适配,就写overflow:hidden;_zoom:1;


3.后面的元素父盒子加上clear:both;盒子还是没有高度,margin失效;


4.两个盒子之前加上一个<div class="cl"></div>   .cl{clear:both},隔墙法,盒子还是没有高度。


5.盒子加上::after{content:"",clear:both;} ,内墙法,这个元素自己最后的子元素是一个标准流元素,所以一下子给这个父盒子撑高了。特别好用。

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。