Html 身体下方的空白和奇怪的div位置

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

我的问题如下：

我的body div下面有一个巨大的空白区域，而且部门名称lower_body非常大，没有明显的原因（至少对我来说：p）

当使用chrome浏览器时，下方页面中的gallery部分没有正确定位，这意味着只需在youtube视频和播放日期下方吼叫（我在firefox屏幕上没有同样的问题）

有人能伸出援助之手吗

---

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

检查你的

底部高度，它们太高了，就像
一样。较低的内容底部有680px，太大了。取而代之的是使用较小的底部边距，并确保在浮动内容后清除这些内容
您需要重新整理css。您的底部空白是与正文相关的边距问题，对于您的图库，您说过，它的位置不正确，因此您存在跨浏览器兼容性问题，可能是添加特定于浏览器的css标记，或者只是在图库部分重新调整边距/填充
 在样式表中有一个名为lower_content的选择器。请找到该类并用该块替换您的块。由于此处使用了不必要的底部空间，因此出现了空白

.lower_content {
width: 800px;
margin-left: auto;
margin-right: auto;
position: relative;
bottom: 80px;
right: 30px;
z-index: 2;
}

可以使用相对定位来重叠图元。这会更改图元的显示位置，但在没有相对位移的情况下，它仍会占用空间。这就解释了为什么页面底部有一个很大的空白区域。而是使用具有
位置：相对
但没有位移的容器，并使用内部具有
位置：绝对
的元素来覆盖它们

lower\u content
和
gallery
元素不够大，无法包含
gallery\u text
元素，因此它在它们下面突出。这可能是导致主体元素下方出现额外空白的原因，即其相对位移之前的原始位置位于主体元素外部


此外：

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

body元素中有一个style元素，它应该位于head元素中。这不太可能导致任何问题，但根据标准将其放在应该放在的位置更安全。
这很奇怪…刚刚单击链接，我就访问了它。o.o.你确定看不到吗？可能也想清除错误使用Firefox并下载Firebug插件，然后用它来调整你的CSS，直到你得到你想要的东西。CSS很有帮助（尽管你也需要在其他浏览器中进行测试）。CSS很棘手——你的页面底部有一个很大的缺口，在Chrome浏览器中，我看到水平滚动，右边有一个空白。我的朋友非常感谢你。它几乎解决了这个问题。较低的空白几乎消失了（现在只有一些像素），但是整个较低的内容div在页面中重新定位到较低的位置。@LabrosPapageorgiou如果您同意解决方案或提供的解决方案有帮助，您可以根据自己的要求和建议更改底部位置。你必须接受答案并将其标记为正确。谢谢