我希望我的包装底部始终触摸浏览器的底部。但我不知道如何横向居中。
#wrapper {
position:absolute;
text-align:center;
bottom:0px;
width:1110px;
height:675px;
border:1px white solid;
}
感谢John,我解决了横向居中的问题。但现在底部表现得非常奇怪。它在太低之间切换(包装器的一部分被浏览器的底部吃掉)或者底部有额外的空间,即使代码显示底部:0px;。这是我的新代码:
#wrapper {
position:absolute;
text-align:center;
bottom:0px;
left:50%;
margin-left:-555px;
width:1110px;
height:675px;
border:1px white solid;
}
答案 0 :(得分:2)
left:50%;
margin-left:-555px;
将其填入中间位置并将宽度的一半减去左边距。 http://screensnapr.com/v/dZvq1K.png