清除浮动属性(清除浮动)

支可贞
导读 大家好,小信来为大家解答以上问题。清除浮动属性,清除浮动很多人还不知道,现在让我们一起来看看吧!1、第一种方法:使用空标签清除浮动

大家好,小信来为大家解答以上问题。清除浮动属性,清除浮动很多人还不知道,现在让我们一起来看看吧!

1、 第一种方法:使用空标签清除浮动。

2、 保险商实验所

3、 李/李

4、 liBBB/李

5、 liCCC/李

6、 br style='clear:both '

7、 /ul

8、 第二种方法:使用溢出属性。

9、 这种方法有效地解决了必须通过空标签元素添加无意代码的问题清除浮动。要使用这个方法,只需要在需要清除浮动的元素中定义CSS属性:overflow:auto。溢出:自动;就是让它高度适应,zoom:1;为了兼容IE6,还可以用身高:1%;注意,缩放不符合W3C标准。溢出:隐藏也可以实现。

10、 ul style=' overflow:auto;缩放:1

11、 李/李

12、 liBBB/李

13、 liCCC/李

14、 /ul

15、 第三种方法:使用after虚拟对象清除浮动。

16、 IE浏览器不支持后伪对象,所以不影响IE/WIN浏览器。详情请参考下面的例子。使用时注意以下几点。

17、 1.在这个方法中,需要清除浮动元素的虚拟对象中必须设置height:0,否则元素会比实际高几个像素;

18、 第二,content属性是必需的,但是它的值可以为空。当Blue Ideal讨论这个方法时,content属性的值被设置为“.”,

19、 style type='text/css '。listinfo:在{ display:block;明确:两者都有;内容:“”;

20、 可见性:隐藏;高度:0;}cclass='listinfo'/

21、 李/李

22、 liBBB/李

23、 liCCC/李

24、 /ul

本文到此结束,希望对大家有所帮助。

标签:

免责声明:本文由用户上传,如有侵权请联系删除!