在普通的文檔流中，父元素的高度是由子元素的內(nèi)容撐開(kāi)的。
如果float:left后脫離了文檔流，浮動(dòng)的子元素沒(méi)有高度也沒(méi)有內(nèi)容，直接清除浮動(dòng)，子元素是不能把父元素?fù)伍_(kāi)的。清除浮動(dòng)是為了后面的元素顯示在浮動(dòng)元素的后面。

<!--在此制作一個(gè)嵌套列表-->

<!-- 以下是子列表的制作練習(xí)的代碼，供您參考，不需要設(shè)置高度 -->

<ul>
??? <li>首頁(yè)? </li>
??? <li>課程中心
??? <ul>
??? <li>Web前端
????? <ul>
????????? <li>HTML</li>
????????? <li>CSS</li>
????????? <li>JavaScript</li>
????????? <li>jQuery</li>
????? </ul>
???? </li>
??? <li>Android開(kāi)發(fā)</li>
??? <li>PHP開(kāi)發(fā)</li>
??? </ul>
??? </li>?? ?
</ul>