固定高度和自动宽度的CSS Div

Question

所以我想制作一个 div 容器，我给它一个固定的高度，并希望它自动适应其中的内容，即使它超过屏幕宽度的 100%。 简单地在 div 的 css 上声明 width:auto 是行不通的，因为它不会变得大于屏幕的 100%。

.container {
    background: red;
    height: 200px;
    width: auto;   
}

这是一个演示：

http://jsfiddle.net/8MqtN/2/

Answer 1

在你的 body 中使用以下 css 并尝试一次，看看是否得到你想要的。

      body
          {
          margin : 0;
          padding: 0;
          }

Answer 2

尝试使用

display:inline-block

而不是宽度

Answer 3

我刚刚添加到你的CSS类.container

position: relative; display: table;

现在你的内容似乎知道你的内容的高度。您设置的红色背景会根据内部内容相应扩展。这就是你想要实现的目标吗？