CSS中clear如何清除浮动-创新互联-绵竹浩晨建站

新闻中心

这里有您想知道的互联网营销解决方案

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

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

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

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

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

left：不允许左边有浮动。

right：不允许右边有浮动。

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

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

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

  
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;   
}

效果：

　 CSS中clear如何清除浮动

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

本文名称：CSS中clear如何清除浮动-创新互联
URL地址：http://tyjierui.cn/article/dsddgo.html

新闻中心

其他资讯