Question

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

.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。

Answer 2

对于你的容器： min-width:100px; display: inline-block;，在FireFox中测试。

Answer 3

好的，这是你解决的CSS。为了使这个显着

，我做了一些小改动

.container-box {
margin-top:0px;
float:left;
padding:5px;
position:relative;
border:1px #666666 solid;
}

#box-within {
float:right;
font-weight:bold;
width:325px;
padding:5px;
background:#CCCCCC;
}

展开浮动对象时展开浮动对象

3 个答案: