html
<p> <p class='box-left'></p> <p class='box-right'></p> </p>
css
.box-left,.box-right{ width:200px; height:200px; float: left; background: red; border:1px solid #333; }
第一種方法:.box{clear:box}
第二種方法:.box{overflow:hidden}
第三種方法:.box{overflow:auto}
第四種方法:.box:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}.box{ zoom:1 ;}
第五種方法:.box{height:200px}設定高度
第六種方法:.box{display:table}
還有什麼方法歡迎補充,加油,共同進步
#
以上是CSS清除浮動(float)的六種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!