元素浮动导致的问题及解决办法大家都应该很熟悉了,举个简单的例子:
<style type="text/css">
ul{border:1px solid #ccc}
ul li{float:left;width:120px;line-height:25px;text-align:center}
</style>
<ul><li>选项一</li><li>选项二</li><li>选项三</li></ul>以上代码的目的是制作一个简单的横向菜单,但因为对所有的li采用了浮动,导致ul高度丢失,其边框不能包含li元素,解决办法就是对ul子元素清除浮动。
网名:网者归来、yemoo,长期并将继续投身于WEB前端相关技术的学习和推广的大军中,目前就职于杭州