2013-04-21 129 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。