html
<div>
<div class='box-left'></div>
<div class='box-right'></div>
</div>
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}
還有什么方法歡迎補充，加油，共同進步
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持！
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。