Question

您好我有一些看起来像这样的HTML：

<div id="wrapper" style="background-color: red;">

    <div style="margin: 0px auto; width: 960px;">

        Text here...

    </div>

</div>

wrapper-div不适合<body>，当我将浏览器窗口调整为低于960px时，包装器会变得与浏览器窗口大小一样小。我想让包装器至少和它里面的内容一样宽。我真的很难搞清楚这个。有什么建议吗？

Answer 1

将包装样式设置为：min-width: 960px ..与内部div相同

Answer 2

设置上部div的宽度

<div id="wrapper" style="background-color: red; width: 960px;">

    <div style="margin: 0px auto;">

        Text here...

    </div>

</div>

有关详细说明，请参阅this