2013-04-21 127 views
0

我試圖將三個div並排放置。兩個固定寬度區間之間的可變寬度div(最小寬度)

  • 第一個div有一個固定的寬度,需要靠在屏幕的左側(即:float:left;)。
  • 下一個div也有一個固定的寬度,需要靠在屏幕的右側(即:float:right;)。
  • 最後一個div需要填充它們之間的空間並根據瀏覽器窗口的寬度進行調整。

當中間的最後一個div達到某個最小寬度時,我需要它停止變小,並且滾動條出現在瀏覽器中。

這可能實現嗎?如果是這樣,怎麼樣?

回答

2

試試這個link。基本上,有3個div,其中放置在側面的2個div是fixed width absolute position div,而中心是與margin的正常div。