好吧,我有一个 div 嵌套在另一个 div 中,内部 div 以 80% 的宽度居中。但它没有完全居中。
我如何使它完全居中?
http://postimage.org/image/15linq5yc/
html
<div class="wrap">
<div class="content">
<h1>Contact</h1>
<form action="/cgi-bin/cgiemail" method="post">
<table width="50%" border="0" cellpadding="5" align="center">
<tr>
<td align="left" width="50%">First Name</td>
<td><input name="FirstName" type="text" id="fname" size="25" /></td>
</tr>
</table>
</form>
</div>
</div>
css
.wrap {
overflow:hidden;
width:100%;
height:100%;
position:absolute;
}
.content {
width:80%;
margin:20px auto;
padding:15px;
background:url(../images/contentback.png);
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}