Я следовал руководству по правильному содержанию текста в контейнере 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/