CSS。带固定定位侧柱的3柱布局

CSS。带固定定位侧柱的3柱布局,css,overflow,html,css-position,Css,Overflow,Html,Css Position,我对这个设计有问题。示例如下: 或 如果浏览器的窗口宽度小于1000px包装大小,则会显示滚动条,当我将其向右拖动时,中心列将位于左列下方 如何设置中心元素的最小边距?或者,如果您知道实现这种布局的其他方法,请告诉我。您已经固定了其他列的位置,因此它不会显示它是否已从屏幕加载或需要滚动到,因为它不会移动。要么移除固定位置,要么减小包装大小。首先,我做CSS已经有一段时间了,我总是要去引用它。对于最小宽度。如果您仍然有问题,请告诉我,也许我不明白您在做什么。有两种选择 为了达到同样的效果,您可以创

我对这个设计有问题。示例如下: 或

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


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

您已经固定了其他列的位置,因此它不会显示它是否已从屏幕加载或需要滚动到,因为它不会移动。要么移除固定位置,要么减小包装大小。

首先,我做CSS已经有一段时间了,我总是要去引用它。对于最小宽度。如果您仍然有问题,请告诉我,也许我不明白您在做什么。

有两种选择

为了达到同样的效果,您可以创建一个具有所需列颜色的背景图像,并使用该图像设置包装器背景,从而在整个过程中对三列进行引用

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


您还可以查看CSS 3列圣杯:

那么,在这种情况下,您希望发生什么而不是列重叠?类似于本教程中的内容:或者使用css3选择器@media screen和max width:1000px{}实际上是的,伙计阅读第一个链接并重新开始。。。所有三列都包含在“中心”列中。这对我来说从零开始会更容易。下载firebug或使用Chrome中的开发者工具。他们将是救命恩人。我已经读了好几遍第一链接。将全部嵌套在中心列中无法解决此问题。最小宽度也不影响这个。可能是我们理解错误。。。我说过水平卷轴,它隐藏在左下方的中心柱。我不需要拉伸左右列。。。圣杯教程不错,但在本例中不是。我有两个固定位置的栏目,我需要它们总是对用户可见,因为中心栏目就像goolge+新闻提要一样无穷无尽。