當浮動對象在展開時展開浮動對象

嘿傢伙，快速問題，點擊時我有一個鏈接下拉列表。此列表浮動到正確的位置。該列表位於已經浮動的另一個框中。我的問題是，當列表展開時，該框不會，並且列表將從容器框中出來，除非該列表未被浮動。然而，浮動它似乎是唯一的方法來達到我想要的位置。如果任何人有任何想法如何解決這個問題，我將不勝感激。當浮動對象在展開時展開浮動對象

.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

當浮動對象在展開時展開浮動對象

回答

相關問題