css - 页脚和内容包装器之间的间隙不会消失

Question

我正在以下网站上工作http://bestofdesigns.be/studioregenbogen/index.html。有人可以看看css并告诉我为什么页脚没有附加到内容上，为什么菜单和内容包装器之间有间隙？我已经看了 2 天，似乎找不到问题所在。

谢谢，

本

score 2 · Accepted Answer

2

#footer p {
padding-top: 5px;
margin: 0;
}

于 2012-09-10T07:49:09.207 回答

score 1 · Accepted Answer

为什么菜单和内容包装器之间有差距？

差距是由于margin每个浏览器默认应用到列表<ul>元素和标题<h1>。

删除它或调整它

截屏

在此处输入图像描述

score 0 · Accepted Answer

嗨，现在给#footer overflow:hidden并给你的footer p tag保证金：0；`

像这样

        #footer{
        overflow:hidden;
}

    #footer p{
    margin:0;
    }

score 0 · Accepted Answer

我建议您再做一件事，您是否曾经使用 firebug 打开您的设计并检查了您的中间内容的外观。这是糟糕的设计。广泛使用 div 标签不要使用太多填充。在正文样式中放置 text-align:justify 属性。

你的错误在

#footer p {
 padding-top: 5px;
 margin: 0;
}

将内容包装类分成两个垂直的div类，然后将下面的垂直类分成另外两个垂直类。将第一个垂直标签分成两个水平 div 类。将您的图像放在第一个水平标签中，然后放在第二个段落中。在底部垂直类中，您的第二段。

4 回答 4