Question

div/ul 无法获取与设置自动适合高度

如图所示我使用 ul或div +li 来设置友情链接的样式效果.让我非常困惑的是,Li与a标签都设置了 高度.height:20px然后大量的li标签填充到了ul当中(至少我是这么理解的)但是ul本身却没有高度.使用height:auto或100%都无效.必须设置具体的高度.但是我从数据库里面调用友情链接时,数量是随机的.设置固定会使下面显示的空白太多或者太少.所以需要让ul这一级,能够根据li的数量来自动适应高度.但是它似乎无法获取li的高度.对此感觉非常迷惑,求解决.是否能够让ul获取li填充后的高度?

Answer 1

li虽然有了高度，但是因为你给li设置了了浮动，所以相当于没有高度，你可以在最后一个li的后面加一个li，单独设置这个li的样式，clear:both; 这样的话 ul 应该是有高度的，你可以按照我说的先试一下，给ul加个背景色就能看出来ul的高度了

Answer 2

15年的问题，我也新手遇到了……

回答一下对后面有点帮助：解决方法参考的这篇博客

div ul li 嵌套后解决高度自适应办法

<div style="overflow:hidden;clear:both;">
<ul></ul>
</div>

于是乎，我在ul的CSS加了两句：

overflow:hidden;
clear:both;

奇迹般地好了，原理不明。

Answer 3

再你div模块结束后加上 <div style="clear:both;"></div>

Answer 4

ul的css加上overflow: hidden;

Answer 5

为什么撑不起来，因为你包含你链接内容的元素不属于块级元素，是不支持一些样式的，如果想要它们支持什么widht、height、margin等样式的话，只需要加一个display:block属性就行了，dispaly:block属性是给元素设置为块级元素，不懂什么的内链，块级这些百度一下