CSS中浮動(dòng)和清除浮動(dòng)的用法

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        *{ margin: 0; padding: 0}
        .left{ float: left;}
        .clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }                                                             //偽類清除
        .clearfix { zoom:1; }    
        .clearit { clear:both; height:0; font-size:0; overflow:hidden; }  //設(shè)置class名清除
        .main{ width: 1000px; background: blue;}
        .myRight,.myLeft{ width: 200px; height: 200px; background: #ddd;}
        .myRight{ background: red}
    </style>
</head>
<body>
    <div class="main clearfix">
        <div class="myLeft left">左側(cè)</div>
        <div class="myRight left">右側(cè)</div> 
    </div>

    <div class="footer">
        <p>我是底部</p>
    </div>
</body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容