中心Div在另一个（100％宽度）格
这是一个“简单”的问题，不知道为什么这么复杂。
- 有一个100％（宽）尺寸的股利。
- 有另一个div位于这个div的中间（大小940px宽度）
有任何想法吗？ 🙂
.parent { text-align: center; } .parent > .child { margin: 0 auto; width: 900px; } 内部div的下面的风格将集中。
margin: 0 auto;
有关详细信息，我们假设下面的代码将使divalignment中心：
margin-left: auto; margin-right: auto;
或者干脆使用：
margin: 0 auto;
但请记住，上面的CSS代码只在你的html元素指定一个固定的宽度（不是100％）时才起作用。 所以你的问题的完整解决scheme将是：
.your-inner-div { margin: 0 auto; width: 900px; }
关键是保证金：0汽车; 在内部分区。 一个概念validation的例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <body> <div style="background-color: blue; width: 100%;"> <div style="background-color: yellow; width: 940px; margin: 0 auto;"> Test </div> </div> </body> </html>
.outerdiv { margin-left: auto; margin-right: auto; display: table; }
在Internet Explorer 7中不起作用…但谁在乎？
只需添加margin: 0 auto; 到内部分区。
