js清除浮动是这样写吗？

JavaScript08

js清除浮动是这样写吗？,第1张

我不知道js怎样清除浮动，我知道css清除浮动：

1.使用空标签清除浮动。

这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签。

2.使用overflow。

给包含浮动元素的父标签添加css属性 overflow:autozoom:1zoom:1用于兼容IE6。

3.使用after伪对象清除浮动。

该方法只适用于非IE浏览器。具体写法可参照以下示例。使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置 height:0，否则该元素会比实际高出若干像素；

4.在html页面添加：<div class=’clear’></div>

1、利用js代码首先创建一个div，document.createElement('div')2、确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。 3、确定位置之后，显示div即可。 示例：比如html中有一个文本输入框，...

我写了个简单的，自己根据具体情况修改吧

<script>

function

ddd()

{

//alert("ddd")

document.getelementbyid("chip1").style.top=document.body.scrolltop

+50

document.getelementbyid("chip2").style.top=document.body.scrolltop+50

}

</script>

<body

onscroll="ddd()"

bgcolor="#ffffff"

text="#000000"

>

<div

id="chip1"

style="position:absolute

width:100

height:400left:0pxtop:50pxbackground:#00dd00">

<a

href="rm/ad1.htm"><img

src="

http://www.baidu.com/img/logo.gif

"

border=0></a>

</div>

<div

id="chip2"

style="position:absolute

width:100

height:400left:1000pxtop:50pxbackground:#00dd00">

<a

href="rm/ad2.htm"><img

src="

http://www.baidu.com/img/logo.gif

"

border=0></a>

</div>

<center>

<p>

<p>

<p>

<p>

<p>

dd

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

<p>

<p>

</center>

</body>