CSS清除浮动

2020-12-13 03:20

阅读：455

此方法优点在于代码简洁，涵盖所有浏览器，可谓不错的选择啊。不过也是有问题的，就是这个 overflow:hidden;是个小炸弹，要是里面的元素要是想来个margin负值定位或是负的绝对定位，岂不是直接被裁掉了，所以此方法是有不小的局限性的。我一般不用这个方法，只是有时候顺便去除浮动时用用。

3. after+ zoom方法

1 .clearfix{zoom:1;}
2 
3 .clearfix:after{display:block; content:‘.‘; clear:both; line-height:0; visibility:hidden;}

先来简单讲讲after，所谓after，就是指标签的最后一个子元素的后面，他适用于除了ie6/ie7之外的现代浏览器。于是呢，我们可以用CSS代码生成一个具有clear属性的元素，其中的关键样式就是content了。或许您从网上看到的content里面的内容是”.”一个点，我了很多次，貌似随便写什么东西都没有问题，比如content:‘clearboth‘;没问题，或是content:‘佰亿‘也是ok的。这里的line-height:0写成height:0也是可以的。此方法可以说是综合起来最好的方法了，不会影响任何其他样式，通用性强，覆盖面广，值得推荐。

上一篇：C API函数描述(S-W)

下一篇：数据结构和算法-二叉查找树

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：CSS清除浮动
文章链接：http://soscw.com/essay/27440.html

亲，登录后才可以留言！

CSS清除浮动

评论

热门文章

推荐文章

最新文章

置顶文章