我无法正确识别我的内容底部

问题描述：

这里是我正在工作的网站的链接。我出于某种原因，我无法弄清楚为什么。我可以通过对我的页脚div的顶部有一个大的余量。但这意味着我需要几个不同的页脚来缩短页面。我无法正确识别我的内容底部

http://www.bwtdesigns.com/413

我也有加入我的代码有希望的问题。你可以看到我缺少的东西。查看来源。

我不明白为什么会出现在你的页脚一个巨大的保证金。你为什么需要它。 – Leeish 2013-02-08 22:54:55

你的HTML和CSS不好。我建议你从开始开始。请参阅[w3schools]（http://www.w3schools.com/）以了解基础知识，然后[w3]（http://www.w3.org/）和[mdn]（https：//developer.mozilla）。组织/ EN-US /）。 – Vucko 2013-02-08 23:05:27

保证金是整个问题的一部分。我只是错过了清楚：两者; – 2013-02-09 00:08:14

答

我看不清楚你的代码，但我想你有很多漂浮的元素。您的页脚前右补充一点：

<div style="clear: both;"></div>

告诉我，如果改变任何东西。或者将clear: both;添加到页脚。

编辑我只是说：

.footer { 
    margin-top: 0; 
    clear: both; 
}

到代码中使用FF的开发工具和它固定它。阅读Floats和清晰的CSS属性。

这似乎解决了它。我真的不知道它。我整个下午都在盯着这个。试图意识到我忘记或错过了什么。 – 2013-02-08 23:03:13

直到你真正明白他们是如何工作的，浮雕可能是一个巨大的痛苦。我会阅读他们。 http://alistapart.com/article/css-floats-101解释得很好。 – Leeish 2013-02-08 23:06:37

答

需要清除div中带有“换行”ID的浮动元素。这可以通过给予div类名“组”来完成。请务必在整个网站中的任何父项上执行此操作，以获得浮动元素。

您还需要将以下样式添加到样式表，然后才能从页脚中删除顶部页边距。

如果你只需要支持IE8及以上使用：否则

.group:after { 
    content: ""; 
    display: table; 
    clear: both; 
}

，使用此：

.group:before, 
.group:after { 
    content: ""; 
    display: table; 
} 
.group:after { 
    clear: both; 
} 
.group { 
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */ 
}

我无法正确识别我的内容底部

相关推荐