javascript中怎么清除标签浮动

javascript中怎么清除标签浮动，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

创新互联主营三水网站建设的网络公司,主营网站建设方案,手机APP定制开发,三水h5小程序定制开发搭建,三水网站营销推广欢迎三水等地区企业咨询

在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>

效果图：

javascript中怎么清除标签浮动

说明：

cssFloat 属性设置文本或图像出现（浮动）在另一个元素中的什么地方。

语法：

Object.style.cssFloat=left|right|none

值	描述
left	图像或文本浮动在父元素的左边。
right	图像或文本浮动在父元素的右边。
none	图像或文本浮动显示在它在父元素中出现的位置。

看完上述内容，你们掌握javascript中怎么清除标签浮动的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

文章题目：javascript中怎么清除标签浮动
新闻来源：https://www.cdcxhl.com/article36/pjdosg.html

成都网站建设公司_创新互联，为您提供虚拟主机、全网营销推广、软件开发、网站制作、微信小程序、面包屑导航

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容