中心div，最大宽度

Question

我有2个div，应用最大宽度按照我的意愿行事。一个最大宽度为900px，而其他820px，如果窗口尺寸变小，它们会缩小。

<div id="componentWrapper">
    <div class="thumbContainer"></div>
</div>

#componentWrapper{
  position:absolute;
  height:190px;
  width:100%;
  max-width:500px;
  top:50%;
  background:red;
  margin-top:-85px;
}

#componentWrapper .thumbContainer{
  top:0px;
  left:0px;
  height:180px;
  max-width:420px;
  margin-left:40px;
  margin-right:40px;
  background:green;
  overflow:hidden;
}

http://jsfiddle.net/DzgQ3/1/

如果可能的话，我现在尝试使用纯CSS将其置于窗口内部。即使窗口的尺寸小于外部元素的当前宽度，它也需要保持居中。

Answer 1

余量：汽车;通常适合这样的事情。