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}設(shè)置高度
第六種方法：.box{display:table}
還有什么方法歡迎補(bǔ)充，加油，共同進(jìn)步
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持！
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。