所以我正在尝试编写这个网站的代码,我遇到了主要内容框的问题。如果窗口大小或分辨率发生变化,页面上的其他所有内容都会保持静止并根据需要调整大小,但是此内容框不会,如果我滚动它,则会随着滚动而移动。
它应该是永久性的(尽管不同分辨率的大小不同):
如果分辨率从1920x1080变化或窗口大小发生变化,则会发生这种情况:
使用以下代码将所有内容包装在容器中:
#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很垃圾,所以我很感激人们可能提供的任何提示和解决方案。)
谢谢!
答案 0 :(得分:0)
尝试提供位置fixed
而不是absolute
..