溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
javascript中怎么清除標簽浮動，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
在javascript中，可以利用Style對象的cssFloat屬性來清除標簽的浮動，該屬性設置文本或圖像浮動在另一個元素中的什么地方，當值設置為“none”時可清除浮動，語法格式“元素對象.style.cssFloat="none"”。
怎么利用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 | 圖像或文本浮動顯示在它在父元素中出現的位置。 |
看完上述內容，你們掌握javascript中怎么清除標簽浮動的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
