资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://cdkjz.cn/article/dsddgo.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220