我遇到了这个设计的问题。这里的例子: http://zxc.pp.ua/test/05.htm或http://jsfiddle.net/SkeLLLa/qQRpx/
如果浏览器的窗口宽度小于1000px(包装大小),则会显示滚动条,当我向右拖动时,中间列会在左列下方。
如何设置中心元素的“最小边距”?或者,如果您知道实现此类布局的其他方法,请告诉我。
答案 0 :(得分:0)
你已经修复了其他列的定位,因此它不会显示它是否在屏幕上加载或者需要滚动到它不移动。要么删除固定位置,要么减小包装尺寸。
答案 1 :(得分:0)
答案 2 :(得分:0)
有几种选择。
为了达到同样的效果,您可以创建一个包含所需列颜色的背景图像,并使用此图像设置包装背景,从而全程向下指示三列。
您还可以在包装器中设置三列。设置包装器溢出:隐藏。为每个浮动列提供2000px的底部填充和2000px的负边距。这会将列拉伸到包装器div的底部,而不会产生额外的滚动。
您还可以查看CSS 3栏目圣杯:http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm