Div со 100% шириной, как заставить его заполнить область?

У меня есть макет шириной 940 пикселей, который я превращаю в адаптивный макет, когда он становится меньше 940 пикселей.

Контент, который у меня есть, не отвечает хорошо. Кажется, что если в некоторых моих элементах div достаточно текста, они охватывают ширину моего макета. Если текста немного, div переместится в левую часть страницы, как в этом примере:

http://www.coflash.com/stuff/cssproblem.jpg

Мой вопрос: не указывая фактическую ширину div, как я могу гарантировать, что они будут охватывать ширину браузера независимо от того, сколько контента у них есть? Как только я устанавливаю фактическую ширину, я получаю полосы прокрутки на своем адаптивном сайте, и это все ломает :(

Что именно делает текст, который внезапно заставляет его заполнить область макета?

Спасибо за любую помощь, и извините, я не могу привести пример из реального мира, хотя, конечно, это распространенная проблема.


person Phill    schedule 11.03.2013    source источник
comment
Возможно, max-widthможет быть вашим другом.   -  person Rubens Mariuzzo    schedule 11.03.2013


Ответы (1)


Для этого сначала сделайте

 html, body{padding:0; margin:0}

тогда вы можете указать

  div{left:0; width:100%}

попробуйте это, думаю, это поможет :) и ответьте, если не сделали

person MarmiK    schedule 11.03.2013