浅谈CSS中的clear清除浮动_ Div+Css教程-查字典教程网
浅谈CSS中的clear清除浮动
浅谈CSS中的clear清除浮动
发布时间:2016-12-27 来源:查字典编辑
摘要:1、CSS中的clear有四个参数:none:允许两边都可以浮动。left:不允许左边有浮动。right:不允许右边有浮动。both(默认)...

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

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

left:不允许左边有浮动。

right:不允许右边有浮动。

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

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

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

XML/HTML Code复制内容到剪贴板 <styletype="text/css"> div{ border:1pxsolidred; 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> <divid="msg_Div"> <divclass="one"></div> <divclass="two"></div> <divclass="three"></div> <divclass="four"></div> <divclass="five"></div> </div> </body>

效果:

以上这篇浅谈CSS中的clear清除浮动就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类