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如何清除浮动-创新互联
当前路径:http://myzitong.com/article/dsddgo.html

其他资讯