防止在一個小窗口分裂開浮動的div

我具有由在所有三個使用float: left定位並排方三個div S：防止在一個小窗口分裂開浮動的div

<div id="wrapper"> 
    <div id="left">...</div> 
    <div id="center">...</div> 
    <div id="right">...</div> 
</div>

左邊和中心div■找固定寬度，而正確的div將根據其內容具有可變的寬度。

我遇到的問題是，當我使瀏覽器的窗口小於div s的合併寬度（因此使包裝div太窄），它們會分離，不再顯示爲並排顯示，側。
我知道使用靜態/絕對定位是一個簡單的解決方法，但從我的經驗來看，維護比使用float更困難，我寧願避免它。

有什麼辦法可以解決這個問題，而無需切換到不同的定位技術？

來源

2013-02-03 Acidic

在包裝上設置最小寬度。否則，不，你可以做的不多。 –

你有沒有嘗試設置包裝div的最小寬度？ –

@MarcB設置最小寬度並不能真正幫助我，因爲右側div的大小因頁面而異。 – Acidic

即使強制底部滾動球，您是否還想將div保持在同一行上？如果是這樣，你可以設置一個最小寬度：在容器div或正確的div。

您還可以在樣式表中使用@media規則，以便在屏幕低於特定大小時僅爲右側div指定固定寬度。類似於

@media only screen and (max-width: 600px) { 
#div-right { width:150px } 
}

2013-02-03 00:09:55 FajitaNachos

是的，我想強制一個滾動條，如果瀏覽器窗口的寬度小於三個div的總寬度。問題在於，因爲它們是「浮動」的，所以它們看起來不會影響包裝div的大小。 – Acidic

你嘗試添加一個最小寬度的容器和右分區？ – FajitaNachos

回答