页面底部的固定边距答案

【问题标题】：Fixed margin at the bottom of the page页面底部的固定边距
【发布时间】：2012-03-22 01:56:30
【问题描述】：

我有一个主可滚动 div 的页面，如下所示：

<html>
<head>
<style type="text/css">
  #mydiv{
  overflow: auto;
  width: 300px;
  }
</style>
</head>
<body>
  <div id="mydiv">content</div>
</body>
</html>

如何在页面底部设置固定边距（例如 30 像素）？ div 可以有小或大的高度（取决于屏幕大小），但边距应该是固定的。谢谢指教

【问题讨论】：

您在寻找粘性页脚吗？尝试用谷歌搜索这个词。第一个结果是cssstickyfooter.com。

标签： css html

【解决方案1】：

您可以在现有或外部创建另一个 div，具体取决于您希望页面的布局方式。然后将此样式应用到 div #myftr { margin: 30px; }

类似的东西。

http://jsfiddle.net/rhoenig/XxuvE/

【讨论】：

【解决方案2】：

你可以像这样在你的css中简单地定义margin-bottom：-

#mydiv{ 溢出：自动；宽度：300px；边框：1px 纯红色；边距底部：30px； }

或查看演示：-http://jsfiddle.net/XxuvE/4/

【讨论】：

我已经尝试过这个解决方案。我只是在问题中添加了一些细节