css浮动呢?现在我们就去看看清除css浮动的常用方法。 方法1: #test{clear:both;">

清除css浮动的常用方法

2019-08-14 09:38:38来源:爱站网 阅读 ()

新老客户大回馈,云服务器低至5折

我们在写代码的时候可能会因为使用了floa浮动元素而导致页面的某些元素无法正确显示,那么我们要如何清除css.html" target="_blank">css浮动呢?现在我们就去看看清除css浮动的常用方法。

方法1:

#test{clear:both;}
#test为浮动元素的下一个兄弟元素

方法2:
#test{display:block;zoom:1;overflow:hidden;}
#test为浮动元素的父元素。zoom:1也可以替换为固定的width或height

方法3:
#test{zoom:1;}
#test:after{display:block;clear:both;visibility:hidden;height:0;content:'';}
#test为浮动元素的父元素

本文为大家详细介绍了清除css浮动的常用方法,希望对大家有所帮助。


原文链接:https://js.aizhan.com/web_authoring/css/6655.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:关于CSS3的新特性

下一篇:css样式不起作用的原因