1

我想为我的网站制作页脚，并且我希望它被修复（总是在底部）。它工作正常，看起来不错，但是当内容已满时，它没有显示我给它的 margin-top。请帮忙，我需要一种方法来提供固定的 div - margin-top ...谢谢。

代码：

<div style="width: 100%; height: 100px; margin-bottom: 50px; background: red;">

</div>
<div style="width: 100%; text-align: center;">
    Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />Example of full div<br />
</div>
<div style="width: 100%; height: 50px; margin-top: 50px; background: blue; position: fixed; bottom: 0;">

</div>
4

2 回答 2

1

您应该查看粘性页脚，这将解决它。是的，你应该真正将你的html与你的css分开，如果它是一个页脚，你应该使用页脚标记。 http://ryanfait.com/sticky-footer/

于 2013-05-21T19:27:28.563 回答
0

jsBin Demo

使用 .将另一个固定高度的 div 放在蓝色的下方z-index。这将导致在蓝色上方显示白色“边距”。边距不影响页面的原因是 position: fixed 元素不影响页面流。

<div style="width: 100%; height: 100px; background: white; position: fixed; bottom: 0;z-index:1"></div>
<div style="width: 100%; height: 50px; background: blue; position: fixed; bottom: 0;z-index:2"></div>
于 2013-05-21T17:32:09.350 回答