3

我正在为朋友网站制作网页。你可以在这里找到它 ：

http://labrostest.byethost8.com/

我的问题如下：

  1. 我的身体 div 下方有一个巨大的白色空白区域，而且部门名称 lower_body 也没有明显的原因（至少对我的眼睛而言：P）

  2. 使用 chrome 时，下部页面中的图库部分未正确定位 - 意味着只是在 youtube 视频和显示日期下方（我在 Firefox 显示器上没有同样的问题）。

有人可以伸出援助之手。

你需要我发布我的css和html代码吗？

4

4 回答 4

3

在您的样式表中有一个名为 lower_content 的选择器。请找到这个类并用这个块替换你的块。由于使用了此处使用的不必要的底部空间，因此出现了空白。

.lower_content {
width: 800px;
margin-left: auto;
margin-right: auto;
position: relative;
bottom: 80px;
right: 30px;
z-index: 2;
}
于 2012-10-10T16:30:55.337 回答
0

您使用相对定位来重叠元素。这会改变元素的显示位置，但它仍会占用没有相对位移的地方。这就解释了为什么页面底部有一个大的空白区域。而是使用一个position:relative没有位移的容器，并使用其中的元素position:absolute来覆盖它们。

和元素不够大，无法容纳该lower_content元素，因此它突出在它们下方。这可能是导致body元素下方额外空白的原因，即相对位移之前的原始位置将在body元素之外。gallerygallery_text

还：

你有margin:0body 元素，但你也应该有padding:0一些浏览器（即 Opera）使用 padding 作为 body 的默认填充而不是 margin。

在 body 元素中有一个 style 元素，应该在 head 元素中。这不太可能导致任何问题，但是根据标准将其放在应有的位置会更安全。

于 2012-10-10T16:35:59.117 回答
0

检查你的bottom身高，它们离你很远，就像.lower_content到底部有 680 像素一样，太大了。取而代之的是使用较小的边距底部，并确保在浮动后清除它们

于 2012-10-10T16:27:17.917 回答
0

你需要复习你的CSS。您的底部空白是与正文相关的边距问题，至于您的画廊，您说过，它的位置不正确，因此您有一个跨浏览器兼容性问题，这可能就像添加浏览器特定的 css 标签一样简单，或者只需在图库部分重新调整您的边距/填充。

于 2012-10-10T16:29:04.640 回答