三种常用的清除浮动的方法(清除浮动的三种方法)

昌菊珊
导读 大家好,小晋来为大家解答以上问题。三种常用的清除浮动的方法,清除浮动的三种方法很多人还不知道,现在让我们一起来看看吧!1、方法:使

大家好,小晋来为大家解答以上问题。三种常用的清除浮动的方法,清除浮动的三种方法很多人还不知道,现在让我们一起来看看吧!

1、 方法:使用溢出属性来清除浮动。

2、 先找到浮动框的父元素,然后在父元素中添加一个属性:overflow:hidden,就是为了清除这个父元素中的子元素浮动对页面的影响。

3、 一般不会使用这种方法,因为overflow:hidden有一个特点,就是离开这个元素所在的区域后会被隐藏(overflow 3360 hidden会隐藏多余的部分)。

4、 使用额外标签方法

5、 在浮动框下再放一个标签,在这个标签中使用clear:both来清除浮动对页面的影响。

6、 A.内部标签:这个浮动框的父框的高度将被重新打开。

7、 B.外部标签:会清除这个浮动框的影响,但不会打开父框。

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

标签:

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