html - 如何集中使用绝对定位的 div 制作的完整网站？

Question

我通过在 absolute 位置上绘制 div 在 Dreamweaver 上创建了一个站点，但它看起来只在 1280px 宽的显示器上居中并且可以'似乎使父级 #wrap div 承载所有绝对位置 div。

这是我编写的代码，

<style type="text/css">
#wrap_main {
 position: absolute;
top: 0px;
z-index: 2;
width:1400px;
margin-left:-200px;
left:50%;
text-aling:left;
}

body {
background-color: #000000;
}
#Layer1 {
position:relative;
left:34px;
top:32px;
width:156px;
height:102px;
z-index:1;
}
#Layer2 {
position:relative;
left:37px;
top:136px;
width:104px;
height:32px;
z-index:2;
}
#Layer3 {
position:relative;
left:140px;
top:136px;
width:104px;
height:33px;
z-index:3;
}

这是显示我的父 div 和我希望包装的子 div id 的 HTML 内容。

<div id="wrap_main">
<div id="Layer25"></div>
<div id="Layer37">`<img src="../Beer_n_tts_website/Images/blue_wood.jpg" alt="Blue Wood"     width="200" height="634" longdesc="Blue wood background for beer n tts" /></div>
<div id="Layer38"><a href="../Beer_n_tts_website/index.html"><img  src="../Beer_n_tts_website/Images/beerntts_logo.png" alt="beer n tts logo" width="118"  height="82" border="0" longdesc="beer and tts logo no background" /></a></div>'

在寻找居中的 div 之后，我似乎无法找到适用于我所做的所有 div 的答案，只是为了有一个#wrap 或类。

Answer 1

详细信息:如果你只是想让它居中，下面的方法就可以了

CSS

#wrap_main { text-align: center }

html

<div id="wrap_main" >
    Other Div's
</div>