Css Div高度问题

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

你的问题有点不清楚，不确定你在说哪个elemenet。 不管怎样，试试这样的 在div的

css

中，删除高度和

.divclass{float:left;}

添加以下内容：

.ulsize ul { overflow:hidden; }

---

您可以删除硬代码。

只需将边距更改为

边距：24px而不是
边距：25px
事实上，问题是您的
ul
没有包装您的
li
元素，这是因为您的
li
是浮动的

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

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

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

欢迎来到堆栈溢出！请在这里添加一些相关代码（可能还有一个JSFIDLE示例）。由于只有一个外部链接，一旦问题解决，这个问题对未来的读者将没有任何价值。谢谢