css - 高さが固定で幅が自動の CSS Div

Question

だから私は div コンテナーを作成したいと思います。これは固定の高さを与え、画面幅の 100% を超えていても、その幅をそのコンテンツに自動的に合わせたいと考えています。div の css で width:auto を宣言するだけでは機能しません。これは、画面の 100% よりも大きくなっていないためです。

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

ここにデモがあります：

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

Answer 1

幅の代わりに使用してみてくださいdisplay:inline-block

Answer 2

css クラスに .container を追加しました

position: relative; display: table;

これで、コンテンツはコンテンツの高さを認識しているようです。設定した赤い背景は、内部のコンテンツに応じて拡張されます。それはあなたが達成しようとしていることですか？

Answer 3

body に次の css を使用して、一度試してみて、必要なものが得られるかどうかを確認してください。

      body
          {
          margin : 0;
          padding: 0;
          }