Div高度问题

Question

我将我的ul包含在一个div中，但div似乎比ul高出1px，而不是包含我想要的ul。我试过做高度：自动，宽度：自动，但我仍然得到相同的结果。我得到的唯一修复是硬编码高度，这不起作用，因为ul的大小在每个链接中都会发生变化。我怎样才能让我的div像我想要的那样包裹我的ul？

Answer 1

您的问题有点不清楚，不确定您谈论的是哪个元素。 无论如何，尝试这样的事情 在你的css中为div删除高度和

.divclass{float:left;}

Answer 2

添加：

.ulsize ul { overflow:hidden; }

您可以删除硬编码。

Answer 3

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

Answer 4

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

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

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

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