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;
}

Answer 2

min-width属性正是您所寻找的我相信：

#main {
    min-width:1024px;
}

Answer 3

将主div的min-width设置为1024px

HTML

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

CSS

#main {
  min-width: 1024px;
}