在javascript中,可以利用Style對象的cssFloat屬性來清除標簽的浮動,該屬性設置文本或圖像浮動在另一個元素中的什么地方,當值設置為“none”時可清除浮動,語法格式“元素對象.style.cssFloat="none"”。

本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
怎么利用javascript清除標簽的浮動?
可以使用HTML DOM Style 對象的cssFloat 屬性。
<!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <style> #content{     border:2px solid lime; } #left1{     width:100px;     height:150px;     border:5px solid red;     float:left; } #left2{       margin-left:120px;          width:200px;     height:100px;         background:#ccc; } </style> <script type="text/javascript"> 	function deleteFloat() 	{ 		document.getElementById("left1").style.cssFloat="none"; 		} 	</script> </head>  <body>     <div id="content">         <div id="left1"></div>         <div id="left2"></div>     </div> <br /> 	<input type="button" onclick="deleteFloat()"value="去除浮動" /> </body> </html>
效果圖:

說明:
cssFloat 屬性設置文本或圖像出現(浮動)在另一個元素中的什么地方。
語法:
Object.style.cssFloat=left|right|none
| 值 | 描述 | 
|---|---|
| left | 圖像或文本浮動在父元素的左邊。 | 
| right | 圖像或文本浮動在父元素的右邊。 | 
| none | 圖像或文本浮動顯示在它在父元素中出現的位置。 | 
【
站長資訊網