父元素的高度不是由子元素撑开吗?不设置高度直接清除浮动这样可以吗?
在普通的文档流中,父元素的高度是由子元素的内容撑开的。
如果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>