0

我有 2 个 div 应用了最大宽度，可以按照我的意愿进行操作。一个的最大宽度为 900 像素，而其他的为 820 像素，如果窗口尺寸变小，它们会缩小。

<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 将其居中。即使窗口的大小小于外部元素的当前宽度，它也需要保持居中。

4

1 回答 1

4

margin:auto; usually works for such things.

于 2013-02-20T20:07:23.137 回答