📝 代码查看
使用runcode.html页面

1
查看次数
2026-01-23
创建时间
2026-01-23
最后更新
 <h1>Micro clearfix demo</h1>
    <div class="container cf">
        <div class="section">Float</div>
        <div class="section">Float</div>
    </div>
     html, body, div { padding: 0; margin: 0; font-size: 100%; }

        /* Start of "Micro clearfix" */

        .cf { zoom: 1; }
        .cf:before,
        .cf:after { content: ""; display: table; }
        .cf:after { clear: both; }

        /* End of "Micro clearfix" */

        body { width: 480px; margin: 20px auto; }
        h1 { padding: 0; margin: 0 10px 20px; font: bold 20px Cambria, Georgia, serif; }
        .container { background: #DCE6BE; }
        .section { float: left; display: inline; width: 220px; height: 200px; padding:30px 0 0; margin: 20px 10px; text-align:center; background: #A0C431; }
暂无JavaScript代码

👁️ 实时预览