如何底部中心网页?

时间:2012-05-01 22:15:08

标签: html css

如果屏幕足够大以显示我的网页而没有任何滚动条,我希望网页内容从屏幕底部向上呈现。这意味着内容未覆盖的额外屏幕空间的浏览器空白区域显示在网页内容的顶部,而不是显示在底部。

通过如下设置主体样式(example)来实现:

<body style="position:absolute; bottom:0; width:980px;">

鉴于页面宽度应为980px,我该如何将网页居中? 通常这可以通过以下方式实现:

<body style="position:RELATIVE; width:980px; margin-left:auto; margin-right:auto;">

如何实现底部位置和居中页面?

我不想为左右边距设置显式值。我希望页面相对于屏幕居中(如'auto')。

1 个答案:

答案 0 :(得分:3)

left设置为50%并添加等于宽度一半的负margin-left

<body style="position: absolute; bottom: 0; width: 980px; left: 50%; margin-left: -490px;">