document有这样的结构:
<body>
<div>
<div>
content here
</div>
</div>
<div class="page">
<div class="nav-bar">
<div class="nav-bar-inner padding10" >
<span style="text-align: center;" >
2015, XXX © by <a class="fg-color-white" href="mailto:xxx@xxx.com">XXX</a>
</span>
</div>
</div>
</div>
</body>
CSS这些是:
.metrouicss {
}
.metrouicss .page {
position: relative;
height: 100%;
min-height: 100%;
width: 100%;
*zoom: 1;
}
.metrouicss .page {
width: 940px ;
margin: auto;
background-color: #fff;
}
.metrouicss .nav-bar {
background-color: #2d89ef;
position: relative;
top: 0;
width: 100%;
display: block;
margin: 0;
padding: 0;
z-index: 1000;
*zoom: 1;
}
.metrouicss .nav-bar .nav-bar-inner {
*zoom: 1;
}
.padding10 {
padding: 10px;
}
在运行时 <div class="page">之后的内容就在内容的下方!我希望它位于文档的底部。怎么做？
最佳答案
这是一个很好的教程，如何在页面底部保留 block http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
基本上你只需要在你的 block 中添加一些样式:
.metrouicss .page {
position : absolute;
bottom : 0;
}
关于css - 如何将这个div放在文档的底部？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31651686/