具有固定高度和自动宽度的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代替width

Answer 3

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

position: relative; display: table;

现在你的内容似乎意识到你的内容的高度。你设置的红色背景会根据里面的内容展开。这就是你想要达到的目标吗?