奇怪的填充被添加到我的网页

Question

我正在建立一个网页作为任务的一部分，所以公平警告，我的CSS和HTML可能不是很好。

我有这个问题，这个隐形框似乎是将我的网页上的文字推到一边。不是所有的文字，只是前几行。 这是一张图片： http://i.imgur.com/xtYd6xi.png

对于我的生活，我无法找到这个原因...奇怪的边缘..要补充。 这是我的代码： http://pastebin.com/MVRpx8uq

任何人都可以告诉我为什么会这样吗？此外，如果有任何方法我可以改进代码，指针将不胜感激。

Answer 1

尝试将clear: both;添加到您的＆＃34;地理位置＆＃34; ID选择器。

而不是：

#Locations
{
    position: relative;
    left: 0px;
    text-align: left;
}

这样做：

#Locations
{
    position: relative;
    left: 0px;
    text-align: left;
    clear: both;
}

让我知道这是否有效。