Div高度问题

我在一个div中附上了我的ul，但div似乎是ul上面的1px，而不是将ul包含在我想要的内容中。我试过做高度：自动和宽度：自动，但我仍然得到相同的结果。我得到的唯一解决方法是硬编码高度，这是不起作用的，因为ul的大小会在每个链接中发生变化。我怎么能让我的div像我想要的那样包好我的ul？Div高度问题

来源

2012-01-05 Christopher Stephenson

欢迎来到Stack Overflow！请在这里添加一些相关代码（也可能是一个JSFiddle示例）。只有外部链接，一旦问题解决，这个问题对未来的读者将没有任何价值。谢谢！ – 2012-01-05 17:06:32

其实，问题是，你的ul没有包装你的li元素，那是因为你li的是浮动的。

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

其实，你只能似乎可以用你的div元素边框添加到列表的底部，在这种情况下，你可以完全删除，使风格为您ul如下：

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

来源

2012-01-05 17:39:52 DrTech

谢谢你的工作。 – 2012-01-05 17:52:24

你的问题有点不清楚，不确定你在说什么elemenet。任何方式，尝试这样的事情在css的DIV删除高度和

.divclass{float:left;}

来源

2012-01-05 17:07:06

补充一点：

.ulsize ul { overflow:hidden; }

，你可以删除你的硬编码。

来源

2012-01-05 17:10:18

只要改变你的保证金margin:24px;而不是margin:25px;

来源

2012-01-05 17:24:22 Jung3o

Div高度问题

回答

相关问题