CSS。 3列布局,固定侧柱

时间:2012-03-01 17:36:42

标签: css overflow html css-position

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

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

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

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

有几种选择。

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

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

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