Html 在全屏背景中居中对齐内容？

我正在使用创建全屏背景。我希望我的内容div坐在屏幕中间。调整窗口大小时，它应随之移动，但应保持在中心位置。我通常通过使用

margin:0 auto:0 auto。但在这种情况下，由于全屏幕背景，它位于左上角

如何将内容分区居中并具有自动左右边距

CSS:

HTML:


/图像/bg1.jpg“alt=”“id=“background”>
|

您需要在#maincontent类中添加宽度：100%

#maincontent {
position: absolute;
top: 0;
left: 0;
z-index: 50;
width: 100%;
}

是的，我要等3分钟才能打勾：）谢谢你…祝你的项目好运
<div class="wrapper">
    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/bg1.jpg" alt="" id="background">
    <div id="maincontent">
        <div id="body">
            <div id="content"></div>
        </div>    
    </div>
    <div id="footer">
        <p><a href="/home" title="Home">Home</a> | <a href="/about" title="About">About</a></p>
    </div>
</div>

#maincontent {
position: absolute;
top: 0;
left: 0;
z-index: 50;
width: 100%;
}