我接管了Wordpress网站的管理,并且在#containerWrapper的定位方面遇到了麻烦。
如果浏览器窗口太小,整个站点会向右移动,因此需要将其滚动回水平位置才能看到它。
有一个内容包装器,它包含一个背景阴影图像和一个包含WP站点的第二个内容容器。
以下是两个项目的CSS:
#containerWrapper {
margin-left: auto;
margin-right: auto;
width: 1200px;
background-image: url(images/container_shadows.png);
background-repeat: repeat-y;
background-position: center top;
}
#container {
margin-left: auto;
margin-right: auto;
width: 1170px;
background-color: #ffffff;
}
在调整浏览器窗口大小时,我需要整个内容区域保持居中。任何帮助,将不胜感激。