css#原生#清除浮動影響2(對父級元素的影響)

藍色邊框塌陷了，沒被子元素撐起來

解決高度塌陷的方案：一種方法：
直接在高度塌陷的父元素的最後，添加一個空白的 div
這個 div 沒有浮動，（他會跑到父元素的上面，還不能撐開父元素），然後對其清除浮動（他就會跑到子元素的下面），就可以撐開父元素了。

然後就清除浮動了。

這裏可以用一個僞元素選擇器：是僞元素，不是僞類
.float::after 指的是 子元素的最後一個元素。

這裏插入了一個元素，清除了前面的浮動，使得父級塌陷有撐開了。

總結：
標準模板：

<style>
    .clearfix {/* 觸發 hasLayout */ zoom: 1; }
    .clearfix:after {content: &quot;.&quot;; display: block; height: 0; clear: both; visibility: hidden; }
</style>
<div class="box clearfix">
    <div class="main left">我設置了左浮動 float: left</div>
    <div class="aside left">我是頁腳，但是我也設置了左浮動。</div>
</div>