如何強制容器元素包含水平內容？

我需要#container擴大，以適應#right時#right伸出屏幕的右側。我試過這個問題似乎並不是答案：它隻影響垂直內容。

我不明白你的問題。你能解釋更多嗎？ – Mohsen

@Mohsen：如果你看JSFiddle，我鏈接和縮小顯示區域，使綠色區域伸出屏幕，然後紅色輪廓不會圍繞它。我想要它。 –

試試這個

#container { 
    outline: 1px solid red; 
    min-width: 100%; 
    height: 50px; 
    display:inline-block; 
}

2011-09-27 00:08:13

他希望它擴大，而不是切斷'＃右'的其餘部分。 – Will

抱歉...溢出：自動;將使其工作（但與滾動條） –

'顯示：內聯塊'確實工作，但請注意，它不會在IE7中工作（如果有的話）。 – thirtydot

我是能夠實現你需要什麼樣的使用jQuery的幾行：

x1=$("#right").width(); 
x2=$("#left").width(); 

$("#container").width(x1+x2);

2011-09-27 00:15:17

最簡單的方法是添加float: left到#container。

2011-09-27 00:16:41 thirtydot

回答