页脚边距导致问题

时间:2012-03-07 00:56:41

标签: html css layout margin

根据屏幕尺寸,我有一个明显的问题。

我的页脚的边距为50px,可以实现所需的布局。问题是,这似乎具有将页脚放在不仅包含div而是包含html元素,在屏幕底部留下白色间隙的效果。我无法想办法解决这个问题 - 任何建议都值得赞赏。以下是网址:http://preview.tinyurl.com/7ywoqpf

如果您最初看不到问题,请使用浏览器缩放功能(ctrl +& - 在我的Mac上)

1 个答案:

答案 0 :(得分:1)

此问题似乎与您“包含”浮动的div内部的元素有关。将元素浮动到未浮动的元素内部后,您可以遇到在包含元素外部扩展的浮动元素。

有关详细信息,请参阅此处。 http://complexspiral.com/publications/containing-floats/

将float:left添加到class ='holder'div会将子元素向上舍入以包含在该元素中。 (当然这可能会导致您的布局看起来不同)

页面底部的空白区域。这似乎与facebook和谷歌图标有关。