CSS Div具有固定高度和自动宽度

Question

所以我想创建一个div容器，我给它一个固定的高度，并希望它自动适应其宽度与其中的内容，即使它超过屏幕宽度的100％。 只需通过声明宽度：div的css上的auto将无效，因为它不会超过屏幕的100％。

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

这是一个演示：

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

Answer 1

使用以下css为您的身体，并尝试一次，看看你是否得到你想要的。

      body
          {
          margin : 0;
          padding: 0;
          }

Answer 2

而不是宽度尝试使用display:inline-block

Answer 3

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

{"intended key"=>"intended hash value", "boolean value"=>true} 

现在，您的内容似乎已了解内容的高度。您设置的红色背景会相应地扩展到内部的内容。那是你想要实现的目标吗？