CSS clear属性，清除浮动
clear属性
在网页设计过程中，如果不想让某个元素在另一个元素的某一侧浮动，那么就可以使用CSS中的clear属性，就比如，该段落的右侧有一张纯skyblue颜色的图片在浮动，点击下方的按钮，将清除该浮动，可以试一试，看一看效果。
clear可选属性值
| 属性值 | 描述 |
|---|---|
| none | 默认值，元素两侧都不允许有元素浮动 |
| left | 左侧不允许 |
| right | 右侧不允许 |
| both | 两侧都不允许 |
| inherit | 从父元素继承clear的值 |
clear属性实例代码，及在线编辑器
<div>
<img src='../../static/img/test.jpg' id='i2'>
<p id='p1'>这是一个段落，不允许左侧有浮动的元素，点击下方的按钮可以清除左侧的浮动。</p>
</div>
<button onclick='clearFloat2()'>clearFloat</button>
<style>
#i2{float:left;width:30%;height:20px;}
</style>
<script>
function clearFloat2(){
var p1 = document.getElementById('p1');
p1.style.clear='left'
}
</script>