2012-03-22 34 views
0
页面

底部固定保证金我有一个网页,这样的主滚动DIV:

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

我怎么能在页面的底部都有(例如30像素)的固定保证金? div可以有一个很小或很大的高度(取决于屏幕尺寸),但边距应该是固定的。 感谢您的建议

+1

您是否在寻找一个棘手的注脚?试着用谷歌搜索这个词。第一个结果是http://www.cssstickyfooter.com/。 – AlexMA 2012-03-22 04:06:13

回答

1

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

类似这样的东西。

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

1

你可以简单地定义下边距在你的CSS这样的: -

#mydiv { 溢出:汽车; width:300px; 边框:1px纯红色; margin-bottom:30px; }

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

+0

我已经试过这个解决方案。我只是在这个问题上添加了一些细节 – supergiox 2012-03-23 02:20:54