当浮动对象在展开时展开浮动对象

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

.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; 
}

来源

2010-06-17 Scarface

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

Quirksmode有两种方法的good explanation。

来源

2010-06-17 05:06:28

明确双方因某种原因使我的盒子放大到一个奇怪的比例，但是这是一个伟大的文章。谢谢肯。溢出方法奏效。 – Scarface 2010-06-17 05:32:29

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

来源

2010-06-17 05:09:17 Babiker

工作的人感谢。欣赏你的时间。 – Scarface 2010-06-17 05:29:23

好的，这里是你解决的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; 
}

来源

2010-06-17 05:19:12 Starx

它确实在技术上工作，但其他解决方案提供了一个更简单的解决方案，不会干扰我以前的CSS结构。无论如何，感谢您的时间Starx。 – Scarface 2010-06-17 05:36:32

当浮动对象在展开时展开浮动对象

回答

相关问题