您可以将此CSS应用于内部
<div>：
#inner { width: 50%; margin: 0 auto;}当然，您不必将设置
width为
50%。任何小于包含宽度的宽度
<div>都可以使用。
margin: 0 auto是什么呢实际定心。
如果您以Internet Explorer 8（及更高版本）为目标，最好改用以下方法：
#inner { display: table; margin: 0 auto;}它将使内部元素水平居中，并且无需设置特定的 width。
这里的工作示例：
#inner { display: table; margin: 0 auto; border: 1px solid black;}#outer { border: 1px solid red; width:100%}<div id="outer"> <div id="inner">Foo foo</div></div>
