這篇文章主要為大家展示了“CSS中clear如何清除浮動”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“CSS中clear如何清除浮動”這篇文章吧。
創新互聯專注于浦口網站建設服務及定制,我們擁有豐富的企業做網站經驗。 熱誠為您提供浦口營銷型網站建設,浦口網站制作、浦口網頁設計、浦口網站官網定制、微信小程序定制開發服務,打造浦口網絡公司原創品牌,更為您提供浦口網站排名全網營銷落地服務。1、CSS中的clear有四個參數:
none:允許兩邊都可以浮動。
left:不允許左邊有浮動。
right:不允許右邊有浮動。
both(默認);不允許有浮動。
2、一開始在CSS中clear浮動是默認both,也就是說一開始不能有浮動的。
3、使用的案例:假設我清除第三個DIV的浮動
<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如何清除浮動”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!
網站名稱:CSS中clear如何清除浮動-創新互聯
本文URL:http://vcdvsql.cn/article10/dsddgo.html
成都網站建設公司_創新互聯,為您提供動態網站、網站收錄、建站公司、網站改版、面包屑導航、商城網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯