html - CSS:提供初始宽度并根据内容展开

Question

有没有办法让我的 main div 的初始宽度为 1024px，但如果内容超过 1024px，则能够根据内容进行扩展？

此外，可能的内容是动态的，因此如果内容超过 1024px，则主 div 必须扩展以容纳内容。但是如果内容小于 1024，那么它应该保持在屏幕中心的 1024px。

HTML

<div id="main">
  <h1>Title</h1>
  <div id="otherContent">
    <!-- other content here -->
  </div>
</div>

CSS

#main {
  width: 1024px;
  margin: 0 auto;
}

这是一个fiddle附示例(示例基于 600px 而不是 1024px)

编辑:main div 也使用边距居中。

Answer 1

#main {
  min-width: 1024px;
}