浅谈CSS中的clear消除波动

2021-01-20 05:58 jianzhan

1、CSS中的clear有4个主要参数:

none:容许两侧都可以以波动。

left:不容许左侧有波动。

right:不容许右侧有波动。

both(默认设置);不容许有波动。

2、1刚开始在CSS中clear波动是默认设置both,也便是说1刚开始不可以有波动的。

3、应用的实例:假定我消除第3个DIV的波动

XML/HTML Code拷贝內容到剪贴板
  1. <style type="text/css">  
  2. div{   
  3. border:1px solid red;   
  4. float:left;   
  5. clear:none;   
  6. }   
  7. #msg_Div{   
  8. width:600px;   
  9. height:600px;   
  10. }   
  11. .one{   
  12. width:100px;   
  13. height:90px;   
  14. }   
  15. .two{   
  16. width:100px;   
  17. height:90px;   
  18. }   
  19. .three{   
  20. width:100px;   
  21. height:90px;   
  22. clear:left;   
  23. }   
  24. .four{   
  25. width:100px;   
  26. height:90px;   
  27. }   
  28. .five{   
  29. width:100px;   
  30. height:90px;   
  31. }   
  32. </style>  
  33.   
  34.     
  35.   
  36. <body>  
  37. <div id="msg_Div">  
  38. <div class="one"></div>  
  39. <div class="two"></div>  
  40. <div class="three"></div>  
  41. <div class="four"></div>  
  42. <div class="five"></div>  
  43. </div>  
  44. </body>  

实际效果:

   

以上这篇浅谈CSS中的clear消除波动便是网编共享给大伙儿的所有內容了,期待能给大伙儿1个参照,也期待大伙儿多多适用脚本制作之家。