Question

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

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

如何在页面底部有固定的边距（例如30px）？ div可以有一个小的或大的高度（取决于屏幕大小），但边距应该是固定的。谢谢你的建议

Answer 1

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

像这样。

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

Answer 2

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

#mydiv { 溢出：自动; 宽度：300px; 边框：1px纯红色; 边距：30像素; }

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

固定页面底部的边距

2 个答案: