CSS高级Div定位。中心及；中间的

我想定位一个

• 以w.r.t车身宽度居中
• 至中间，w.r.t身体高度

div将具有以下属性：

• div

  的宽度为90%
• 将知道

  div

  auto的最小高度

您可以使用边距（左、右）5%来模拟居中宽度的效果

关于高度居中，我不知道单独使用css可以做什么（因为垂直尺寸未知）。但您可以尝试使用javascript来实现这一点

下面是一个示例：（您可以忽略检测窗口大小部分）。

您可以选择居中高度（注意浏览器兼容性）

---

对于中心宽度：您可以使用

位置：绝对和<代码>左侧：50%，它们
边距：-num。在页边空白处，将num替换为div宽度的一半。
我已经在IE8、Firefox、Chrome中测试过了。它在IE7中不起作用

如果需要在中使用此选项，请使用此选项设置div。我相信它在IE7及更低版本中不起作用。太可怕了

保证金：自动；
排名：0；右：0；左：0；底部：0；
位置：绝对位置

你可以使用边距（左、右）5%来模拟居中宽度的效果。这是垂直定位的问题每次当我看到
display:table
和CSS中的cossons时，我都会有复杂的感觉，我总是想：“为什么不用
来代替这些乱七八糟的东西呢？”。divitis会让你走多远？继续。。图像具有宽度和高度。否则，必须将这两个选项添加到样式中，以适用于例如div
<div id="container"> 
    <div id="content"> 
        <input type="button" value="click me" onclick="javascript:document.getElementById('content').innerHTML += 'i i i i i i i i i i i i i i i i i i i i i i i i i<br />';" /><br />
        i i i i i i i i i i i i i i i i i i i i i i i i i<br />
        i i i i i i i i i i i i i i i i i i i i i i i i i<br />
        i i i i i i i i i i i i i i i i i i i i i i i i i<br />
        i i i i i i i i i i i i i i i i i i i i i i i i i<br />
    </div> 
</div>

html, body {
 margin: 0;
 padding: 0;
 border: 0;

 width: 100%;
 height: 100%
}

body {
 display: table
}

#container {
 width: 100%;
 display: table-cell;
 vertical-align: middle
}

#content {
 background: red;
 width: 90%;
 margin: 0 auto;
 min-height: 150px
}