头闻号

GECKO INTERNATIONAL CO.

其他未分类|其他未分类|其他未分类|其他未分类|其他未分类|其他未分类

首页 > 新闻中心 > 科技常识:浅谈CSS中的clear清除浮动
科技常识:浅谈CSS中的clear清除浮动
发布时间:2024-10-07 08:19:58        浏览次数:5        返回列表

今天小编跟大家讲解下有关浅谈CSS中的clear清除浮动 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关浅谈CSS中的clear清除浮动 的相关资料,希望小伙伴们看了有所帮助。

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清除浮动就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持爱蒂网。

来源:爱蒂网