2、较简单是a标签里面加个div,设div的宽高,但这种方法会使a:hover效果失效,兼容性也会有问题。
li虽然有了高度,但是因为你给li设置了了浮动,所以相当于没有高度,你可以在最后一个li的后面加一个li,单独设置这个li的样式,clear:both这样的话 ul 应该是有高度的,你可以按照我说的先试一下,给ul加个背景色就能看出来ul的高度了①首先你的<li>是浮动的,也就是说li脱离了文档流,故它的父级ul是无法包围li的,所以li的内容增大缩小跟ul关系是不大。
②如果是你想实现:让li水平排列。同时div的内容增加后,div向下延伸。
可以直接限制li的宽度:
li {
float:left
width:100px
}
效果如下:
<ul>
<li>
<div>测试信息a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a </div>
</li>
<li>
<div>测试信息</div>
</li>
<li>
<div>测试信息bb b b b b b b b b b b b b b b b b b b</div>
</li>
</ul>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)