Question

HTML要怎么清除浮动？

Answer 1

首先，我们制作一个简单的html页面。父级元素是div，内部元素，是两个ul，两个ul分别是左浮动。并且为父级元素添加边框。

2/7

我们可以发现，父级元素根本没有被子元素的高度所撑开，而是只保持了h标签的高度，这就是浮动，导致的。

3/7

清除浮动，顾名思义就是clear:both，这的确是一种方法，但是要确定我们的clear:both是应用在哪里。

4/7

我们可以在html页面上，最后一个浮动元素的后面，添加一个div，并设置其style为clear:both。

5/7

我们还可以为浮动的元素的父级元素添加伪类，*::after{content""; display:block; clear:both}，这样将会使得浮动止于此

6/7

除了这些，我们还可以为父级元素添加overflow属性，可以设为hidden,也可以设为auto

7/7

以上三种方法是小渔自己通过亲身经历，总结而来的哦。正确的页面显示效果如图所示

Answer 2

在你所需清除浮动的样式里面加{clear:both;}

Answer 3

<div style="float:left;">浮动</div>
<div style="float:right;">浮动</div>
<div style='clear: both;'>清除浮动</div>

Answer 4

在清除浮动的位置加一句这个
<div style='visibility:hidden;clear: both;display: block;height: 0px;overflow:hidden'></div>

Answer 5

<div style='clear: both;'></div>

Answer 6

clear:both,left,right

Answer 7

　　推荐的去除浮动代码为：在css文件中定义如下的class
　　.clearFloat:after {
　　visibility: hidden;
　　clear: both;
　　display: block;
　　height: 0px;
　　content: "."
　　}
　　.clearFloat {
　　zoom: 1;
　　}
　　使用方法如下
　　<div class="clearFloat">
　　<div style="float:left;">浮动</div>

　　<div style="float:right;">浮动</div>

　　</div>