在普通的文档流中，父元素的高度是由子元素的内容撑开的。
如果float:left后脱离了文档流，浮动的子元素没有高度也没有内容，直接清除浮动，子元素是不能把父元素撑开的。清除浮动是为了后面的元素显示在浮动元素的后面。

<!--在此制作一个嵌套列表-->

<!-- 以下是子列表的制作练习的代码，供您参考，不需要设置高度 -->

<ul>
    <li>首页  </li>
    <li>课程中心
    <ul>
    <li>Web前端
      <ul>
          <li>HTML</li>
          <li>CSS</li>
          <li>JavaScript</li>
          <li>jQuery</li>
      </ul>
     </li>
    <li>Android开发</li>
    <li>PHP开发</li>
    </ul>
    </li>    
</ul>