CSS中clear如何清除浮动-创新互联

这篇文章主要为大家展示了“CSS中clear如何清除浮动”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“CSS中clear如何清除浮动”这篇文章吧。

创新互联专注于浦口网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供浦口营销型网站建设，浦口网站制作、浦口网页设计、浦口网站官网定制、微信小程序定制开发服务，打造浦口网络公司原创品牌,更为您提供浦口网站排名全网营销落地服务。

1、CSS中的clear有四个参数：

none：允许两边都可以浮动。

left：不允许左边有浮动。

right：不允许右边有浮动。

both(默认)；不允许有浮动。

2、一开始在CSS中clear浮动是默认both，也就是说一开始不能有浮动的。

3、使用的案例：假设我清除第三个DIV的浮动

<style type="text/css">  
div{   
border:1px solid red;   
float:left;   
clear:none;   
}   
#msg_Div{   
width:600px;   
height:600px;   
}   
.one{   
width:100px;   
height:90px;   
}   
.two{   
width:100px;   
height:90px;   
}   
.three{   
width:100px;   
height:90px;   
clear:left;   
}   
.four{   
width:100px;   
height:90px;   
}   
.five{   
width:100px;   
height:90px;   
}   
</style>  
  
    
  
<body>  
<div id="msg_Div">  
<div class="one"></div>  
<div class="two"></div>  
<div class="three"></div>  
<div class="four"></div>  
<div class="five"></div>  
</div>  
</body>

效果：

　 CSS中clear如何清除浮动

以上是“CSS中clear如何清除浮动”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网站名称：CSS中clear如何清除浮动-创新互联
本文URL：https://www.cdcxhl.com/article10/dsddgo.html

成都网站建设公司_创新互联，为您提供动态网站、网站收录、建站公司、网站改版、面包屑导航、商城网站

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

猜你还喜欢下面的内容