国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

淺談CSS中的clear清除浮動

2024-07-11 08:32:53
字體：大 中 小
來源：轉載
供稿：網友

1、CSS中的clear有四個參數：

none：允許兩邊都可以浮動。

left：不允許左邊有浮動。

right：不允許右邊有浮動。

both(默認)；不允許有浮動。

2、一開始在CSS中clear浮動是默認both，也就是說一開始不能有浮動的。

3、使用的案例：假設我清除第三個DIV的浮動

XML/HTML Code復制內容到剪貼板
  1. <style type="text/css">   div{   
  2. border:1px solid red;    float:left;   
  3. clear:none;    }   
  4. #msg_Div{    width:600px;   
  5. height:600px;    }   
  6. .one{    width:100px;   
  7. height:90px;    }   
  8. .two{    width:100px;   
  9. height:90px;    }   
  10. .three{    width:100px;   
  11. height:90px;    clear:left;   
  12. }    .four{   
  13. width:100px;    height:90px;   
  14. }    .five{   
  15. width:100px;    height:90px;   
  16. }    </style>  
  17.        
  18.    <body>  
  19. <div id="msg_Div">   <div class="one"></div>  
  20. <div class="two"></div>   <div class="three"></div>  
  21. <div class="four"></div>   <div class="five"></div>  
  22. </div>   </body>  

效果：

　　　

以上這篇淺談CSS中的clear清除浮動就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 昌都县| 休宁县| 鄂托克前旗| 四子王旗| 凌海市| 铜山县| 柳林县| 七台河市| 开阳县| 隆子县| 丹江口市| 体育| 高碑店市| 黄陵县| 房产| 永仁县| 福鼎市| 三穗县| 永济市| 内江市| 韶关市| 长海县| 措美县| 伊吾县| 太仆寺旗| 桃江县| 精河县| 翁源县| 汝城县| 砀山县| 建阳市| 铁力市| 界首市| 微博| 阿图什市| 定西市| 忻州市| 霞浦县| 上蔡县| 叙永县| 洛川县|