手机
当前位置:查字典教程网 >网页设计 > 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清除浮动】相关文章:

CSS兼容的技巧

css清除浮动方法和代码

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

中文字体在CSS中的英文表达方式

用CSS3编程模仿iPhone中的返回按钮

CSS学习中的瓶颈

详解CSS的定位语法应用

CSS中几种常见的注释

了解CSS的查找匹配原理

CSS隐藏文字的方法

精品推荐
分类导航