Question

js清除浮动是这样写吗？

<style type="text/css">
body {
background-color: #66ccff;
padding-top:0px;
padding-right:0px;
padding-left:10px;
}
.div1{
float:left;
}
.div2{
float:right;
}
</style>

<script language="JavaScript" type="text/javascript">
window.onload=function(){
var div1 = document.getElementById('div1');
var div2 = document.getElementById('div2');
div1.style.clear=both;
div2.style.clear=both;
}
</script>

Answer 1

我不知道js怎样清除浮动，我知道css清除浮动：
1.使用空标签清除浮动。
这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签。
2.使用overflow。
给包含浮动元素的父标签添加css属性 overflow:auto; zoom:1; zoom:1用于兼容IE6。
3.使用after伪对象清除浮动。
该方法只适用于非IE浏览器。具体写法可参照以下示例。使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置 height:0，否则该元素会比实际高出若干像素；
4.在html页面添加：<div class=’clear’></div>