兩個浮動右上一個另一個

我想把兩個div放在右邊的父div上一個。這樣的事情：兩個浮動右上一個另一個

div#top 
|-------------------------------------||------------| 
|div#parent       ||div#menu | 
|       |---------|||float:right | 
|       |div#up |||   | 
|       |   |||   | 
|       |---------|||------------| 
|          | 
|       |---------|| 
|       |div#down || 
|       |   || 
|       |---------|| 
|-------------------------------------|

任何想法如何使用css？我不能在這裏使用表格，因爲在母版頁（ASP.NET）中添加了div＃up，而在內容中添加了div＃down。 Div＃parent是液體，具有一些最小寬度集合，並且包含不應該被這些div重疊的內容，所以我認爲position：absolute在這裏也是沒有問題的。

一個細節：在左邊，DIV＃父的右邊有ALE div的左側和右側帶有菜單浮動。所以加入明確：左/右格＃下來浮動權所說的那樣，這些菜單中的一個下...

來源

2010-08-05 Episodex

您需要確保該母塊（#parent你的情況）成爲div的#up和#down塊格式化內容中，讓任何結算只發生在塊格式化上下文內外忽略彩車的。最簡單的方法通常是讓#parent也浮動，或者給它overflow而不是visible。

http://www.w3.org/TR/CSS2/visuren.html#block-formatting

這裏一些證據，那我猜中了這一次：http://jsfiddle.net/Pagqx/

很抱歉的混亂。

來源

2010-08-05 14:37:31 RoToRa

我個人包裝他們在一個div容器，並給它的寬度和浮動是正確的。

#sidebar{ 
    width: 250px; 
    float: right; 
}

來源

2010-08-05 14:26:36

他不能在這兩個環境中添加另一個div，因爲它們是由系統的不同組件添加的。這就是爲什麼表格解決方案對他來說毫無疑問。 – 2010-08-05 19:33:52

您需要同時使用float:rightclear:right和，從而確保該元件的右手側是通暢的含元件的邊緣。

<div id="parent" style="width: 80%"> 

    <div id="up" style="float: right; clear: both;">div with id 'up'</div> 
    <div id="down" style="float: right; clear: both;">div with id 'down'</div> 
    'parent' div 

</div>

來源

2010-08-05 14:29:22

這幾乎是工作，但正如我寫的，我已經漂浮菜單的左側和右側，並使用明確導致我的div下去。有什麼辦法可以防止這種行爲？ – Episodex 2010-08-06 07:22:51

您可能只需要更改CSS只使用'clear：right;' – 2010-08-06 08:27:25

這將得到我的投票最簡單的正確答案。 – 2015-07-23 15:37:13

兩個浮動右上一個另一個

回答

相關問題