CSS。 3列布局，固定侧柱

Question

我遇到了这个设计的问题。这里的例子：  http://zxc.pp.ua/test/05.htm或http://jsfiddle.net/SkeLLLa/qQRpx/

如果浏览器的窗口宽度小于1000px（包装大小），则会显示滚动条，当我向右拖动时，中间列会在左列下方。

如何设置中心元素的“最小边距”？或者，如果您知道实现此类布局的其他方法，请告诉我。

Answer 1

你已经修复了其他列的定位，因此它不会显示它是否在屏幕上加载或者需要滚动到它不移动。要么删除固定位置，要么减小包装尺寸。

Answer 2

首先read this我一直在做CSS一段时间，我总是要引用它。 Try this表示最小宽度。如果你还有问题，请告诉我，也许我不明白你在做什么。

Answer 3

有几种选择。

为了达到同样的效果，您可以创建一个包含所需列颜色的背景图像，并使用此图像设置包装背景，从而全程向下指示三列。

您还可以在包装器中设置三列。设置包装器溢出：隐藏。为每个浮动列提供2000px的底部填充和2000px的负边距。这会将列拉伸到包装器div的底部，而不会产生额外的滚动。

您还可以查看CSS 3栏目圣杯：http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm