我有600px宽的页脚图形,我想要位于页面的中心。我目前将它固定在浏览器的底部,这就是我想要的 - 如果你知道我的意思,我希望内容从页脚下方滚动。 固定值我的页脚挂在左边。使用相对值,它居中,但卡在页面的底部,我最终有一个空白的空白区域向下滚动,直到我看到页脚。事实上,删除整个position:property与相对值具有相同的效果。
我该如何解决这个问题?
我在这里尝试了一些想法 - How to horizontally center a <div> in another <div>?但是没有一个能够运作= [
CSS
#footer {
position: fixed;
margin-top: -110px;
height: 110px;
width: 600px;
margin: 0 auto;
clear:both;
bottom: 0;
}
答案 0 :(得分:1)
HTML:
<div class="footerWrap">
<div class="footer"></div>
</div>
的CSS:
.footerWrap {
width:100%;
position:fixed;
bottom:0;
}
.footer {
margin:auto;
width:600px;
height:110px;
}
工作demo
希望这个帮助
答案 1 :(得分:0)
试试这个
html, body, and other div relative {
width: 100%;
}
#footer {
position: fixed;
margin-top: -110px;
height: 110px;
width: 600px;
clear:both;
bottom: 0;
left: 50%;
margin-left: -300px; /* half size of footer */
}