潜水高度问题

Question

我将ul封装在一个div中，但div似乎在ul上方1px，而不是封装我想要的ul。我试过做高度：自动和宽度：自动，但我仍然得到了相同的结果。我得到的唯一解决方案是硬编码一个高度，这不起作用，因为ul的大小在每个链接中都会变化。我怎样才能让我的div像我想要的那样封装我的ul？

Answer 1

实际上，问题是ul没有包装li元素，这是因为li是浮动的。

如果您只是将样式{ display: inline-block }添加到ul元素中，并删除div上的高度，那么它将按预期工作。

实际上，您似乎只是在使用div元素向列表底部添加边框，在这种情况下，您可以完全删除它，并将ul的样式设置如下：

{
  display: inline-block;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  width: 100%;
}

Answer 2

你的问题有点不清楚，不确定你说的是哪种语言。不管怎样，试试这样的在div的css中删除高度和

.divclass{float:left;}

Answer 3

添加以下内容：

.ulsize ul { overflow:hidden; }

你可以删除你的硬编码。

Answer 4

只需将保证金更改为margin:24px;，而不是margin:25px;