Div 子元素向左浮动时不再包装内容

Question

我创建了这个 jsfiddle 来演示我的问题 https://jsfiddle.net/7spz9a57/4/ 这两个按钮位于 div 和 class buttonholder 内 这些按钮是带有 class 按钮的简单 <a> 标签。 我发现当我添加

.button {
...
float: left;
...
}

我的 css buttonholder div 不再包装 <a> 标签。 我真的不知道为什么。 我不想给 buttonholder 一个固定的 sice :/

Answer 1

您需要清除 float，因为浮动元素不会占用空间。你需要给 parent:

.parent {overflow: hidden;}