css - 当内部 float 对象展开时展开 float 对象

Question

嘿伙计们，快速提问，点击下拉列表时我有一个链接。此列表 float 到右侧以正确定位。此列表位于另一个已 float 的框中。我的问题是，当列表展开时，盒子不会展开，列表会从容器框中出来，除非列表没有 float 。然而 float 它似乎是将它带到我想要的位置的唯一方法。如果有人对如何解决这个问题有任何想法，我将不胜感激。

.container-box {
margin-top:0px;
float:left;
padding-left:5px;
position:relative;
}

#box-within {
float:right;
font-weight:bold;
max-height:250px;
display: none;
background-color:#fff;
overflow: auto;
width:325px;
padding:5px;
position:relative;
}

Answer 1

这是一个清理问题。一种解决方案是在“内部”框之后添加另一个 HTML 元素:类似于 <div style="clear: both;">或等效的。另一个更优雅的解决方案涉及设置 width和/或 height和 overflow .

Quirksmode 有一个 good explanation两种方法。