众所周知,当子元素设置成浮动时,由于子元素脱离了文档流,父元素会撑不开,高度为0,这样导致后面的元素样式错乱,因此可以向下面这样做来清除浮动:
<ul class="clearfix">
<li id="home"><a href="index.html">主页</a></li>
<li id="photoes"><a href="photoes.html">图片</a></li>
<li id="diary"><a href="diary.html">日志</a></li>
<li id="message"><a href="message.html">留言</a></li>
<li id="contact"><a href="contact.html">联系方式</a></li>
</ul>