Question

这是我正在修改的网站：sb460training.org

以下是代码段：

#apdiv1 {
position: absolute;
width: 2815px;
height: 276px;
z-index: 1;
top: 1px;
left: 0px;
background-color: #000;
}
#apdiv2 {
position: absolute;
width: 3150px;
height: 115px;
z-index: 2;
left: 0px;
top: 230px;
}
#apdiv3 {
position: absolute;
width: 221px;
height: 411px;
z-index: 3;
left: 0px;
top: 259px;
background-color: #FFF;
}
#apdiv4{
position: absolute;
width: 2853px;
height: 115px;
z-index: 4;
left: 219px;
top: 401px;
}

你知道宽度尺寸应该是什么，这样我就可以摆脱网页右侧显示的恼人的额外空间吗？感谢

Answer 1

与其他答案一样，我同意您的CSS应将固定宽度更改为100％。

但是，在HTML中，您可以使用带有显式宽度的img元素来替换背景颜色。例如，在“apDiv2”DIV元素中，您有一个包含白色的内嵌图像，“SB460_Pic / Secondary title2.jpg”。此图像设置为2128px宽，导致页面水平延伸。

我建议删除用于填充每个DIV右侧的图像，而不是在CSS中设置背景颜色。

<强>更新

快速而肮脏的例子：

http://pastebin.com/4PmZN1r4

Answer 2

将所有容器宽度更改为100％。
给你的html宽度：100％;余量：0;
给你的身体一个固定的宽度：1200px左右。
使用边距设置您的身体：如果您希望它居中，则为0自动。

Answer 3

我也听到过同样的问题。您需要做的就是尝试将margin设置为0并自动设置。

在大多数情况下，请尝试取消使用“绝对位置”，并更多地使用边距，填充和相对位置。

HTML网站太广泛了

3 个答案: