清除浮動的方法: 內墻法

註: 這是個奇淫技巧,沒什麽原理可言,記住即可

這個技巧又使得父box重新可以被子box撐開高度了.

隔墻法-適用於2個box之間上下排列

由於2個box高度依舊是0, 彼此之間的margin還是不生效. 可以用墻來撐開

        .cl {
            clear: both;
        }

        .h16 {
            height: 16px;
        }

<div class="box1">
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
    </ul>
</div>

<div class="cl h16"></div>

<div class="box2">
    <ul>
        <li>學習方法</li>
        <li>英語水平</li>
        <li>面試技巧</li>
    </ul>
</div>
 

overflow: hidden

註: 這是個奇淫技巧,沒什麽原理可言,記住即可

同時又使得父box又可以被子box撐開高度了.

附錄

overflow: hidden的用途

表示“溢出隱藏”。所有溢出邊框的內容，都要被隱藏掉。

[css]浮動-清除浮動的方法