浅谈CSS中的clear清除浮动
1、CSS中的clear有四个参数：
none：允许两边都可以浮动。
left：不允许左边有浮动。
right：不允许右边有浮动。
both(默认)；不允许有浮动。
2、一开始在CSS中clear浮动是默认both，也就是说一开始不能有浮动的。
3、使用的案例：假设我清除第三个DIV的浮动
XML/HTML Code复制内容到剪贴板 <style type="text/css"> 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; } </style> <body> <div id="msg_Div"> <div class="one"></div> <div class="two"></div> <div class="three"></div> <div class="four"></div> <div class="five"></div> </div> </body>效果：
以上这篇浅谈CSS中的clear清除浮动就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
相关文章
Laurie
2020-11-30
Keelia
2020-06-04
Antonia
2023-02-26
Elina
2023-02-26
Thalia
2023-02-26
Olinda
2023-02-26
Bunny
2023-02-26
Kefira
2023-02-26
Jacinthe
2023-02-26
Viridis
2023-02-26
Tertia
2023-02-26
Elina
2023-03-29
Querida
2023-04-14
Serafina
2023-04-19
Rhea
2023-04-19
Malinda
2023-04-19
Kathy
2023-04-19
Nora
2023-04-19
Pandora
2023-04-19
Tani
2023-04-19