Я продолжаю делать "push" div, чтобы предотвратить переполнение текста - PullRequest
0 голосов
/ 25 октября 2011

Я следовал руководству по правильному содержанию текста в контейнере div со 100% -ной высотой, однако после изменения HTML и добавления нового CSS для веб-сайта моего клиента текст, казалось, снова вышел за пределы контейнера Div основного содержимого.Единственным решением, которое я нашел, было создание тега div, например <div style="height:1020px;"></div>, размещенного сразу после переполненного текста, но до окончания </div> для контейнера содержимого основного содержимого <div id="container">, чтобы контейнер содержимого основного содержимого растягивался вниз, чтобы содержатьПереполнение текста.

Проблема с моим решением состоит в том, что мне нужно установить разный уровень высоты для тега «push» для каждой страницы, поскольку каждая страница имеет разную длину текста, и мне нужно уменьшить количество белогопробел под текстом.Я пробовал word-wrap: break-word, который не работал.Текст будет переполнен, если вы продолжаете увеличивать изображение или уже используете определенный уровень масштабирования.Я тестирую это на Chrome.

Вот Jsfiddle:

http://jsfiddle.net/eUHBX/1/

1 Ответ

2 голосов
/ 25 октября 2011

Из того, что я вижу, есть проблема с вашим HTML. Весь ваш контент находится внутри заголовка div, что означает, что высота ограничена высотой заголовка. Я удалил атрибуты высоты в разделе содержимого вашего CSS и изменил высоту заголовка на 180px.

Я также исправил вашу HTML-структуру. Вот рабочий код:

http://jsfiddle.net/hollandben/eUHBX/8/

Надеюсь, что поможет

...