手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >浅谈CSS中的clear清除浮动
浅谈CSS中的clear清除浮动
摘要: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清除浮动1

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

【浅谈CSS中的clear清除浮动】相关文章:

CSS3实现漂亮的按钮动画

CSS中的!important属性用法

.clearfix:after(清除浮动)中各个属性及值详细解说

CSS的十八般技巧

CSS中margin和padding的两者对比与用法

了解CSS的查找匹配原理

css clear之清除区域

CSS隐藏文字的方法

.clear 万能清除浮动(clearfix:after)

CSS网页布局的技巧

精品推荐
分类导航