這次帶給大家清除浮動的幾種方法,清除浮動的注意事項有哪些,下面就是實戰案例,一起來看一下。
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}
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
#以上是清除浮動的幾種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!