CSS Div с фиксированной высотой и автоматической шириной

Question

, поэтому я хочу создать контейнер div, который я даю фиксированную высоту и хочу, чтобы он автоматически соответствовал его ширине содержанию в нем, даже если это более 100% экрана ширина. Просто объявив ширину: auto на css div не будет работать, потому что он не станет больше 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

position: relative; display: table; 

Теперь ваше содержание, кажется, знает о высоте содержимого. Красный фон, который вы устанавливаете, расширяется в соответствии с содержимым внутри. Это то, чего вы пытаетесь достичь?