私はテキストがあふれないようにするために "プッシュ" divを作る必要があります

Question

HTMLを修正してクライアントのウェブサイトに新しいCSSを追加した後、100％テキストがメインコンテンツのdivコンテナから再びオーバーフローするように見えました。私が見つけた唯一の解決策は、<div style="height:1020px;"></div>のようなdivタグをメインコンテンツdivコンテナ<div id="container">の末尾にある</div>の前に配置して、メインコンテンツdivコンテナがオーバーフローしたテキストを含むように伸びるようにすることでした。

私の解決策の問題は、各ページのテキストの長さが異なり、テキストの下にある空白の量を減らさなければならないため、すべてのページで「プッシュ」タグの高さレベルを設定する必要があることです。私は働いていないword-wrap: break-wordを試しました。ズームインを続けるか、すでに特定のズームレベルになっていると、テキストがオーバーフローします。 Chromeでこれをテストしています。ここで

はJsfiddleです：私が見ることができるものから、

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

Answer 1

は、あなたのHTMLに問題があります。すべてのコンテンツはヘッダーdiv内にあります。これは、高さがヘッダーの高さに制限されていることを意味します。 CSSのコンテンツセクションで高さ属性を削除し、ヘッダーの高さを180ピクセルに変更しました。

あなたのHTML構造も修正しました。

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

希望