1

所以我正在尝试对这个网站进行编码，但我的主要内容框有问题。如果窗口大小或分辨率发生变化，页面上的其他所有内容都保持静止并根据需要调整大小，但是这个内容框不会，如果我滚动它，它会随着滚动而移动。

这就是它应该永久的样子（尽管不同分辨率的尺寸不同）：

http://i.imgur.com/PmyE8p5.png

如果分辨率从 1920x1080 更改或窗口大小更改，则会发生这种情况：

http://i.imgur.com/8AHGXxd.png

一切都用以下代码包装在一个容器中：

#wrapper {
margin: 0 auto;
width:1000px;
}

这是容器本身的代码：

#content-box {
    width: 90%;
    height: 95%;
    position: absolute;
    top: 25px;
    left: 143px;
    background: #e1e1e1;
    -moz-box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    overflow: hidden;

（是的，我在 CSS/HTML 方面很垃圾，所以我会很感激人们可能有的任何提示和解决方案）。

谢谢！

4

1 回答 1

0

尝试给出位置fixed而不是absolute..

于 2013-07-14T17:02:09.090 回答