CSSページが完全に表示されない場合の対処方法

CSS ページの表示が不完全な場合の解決策: 1. CSS でオブジェクトの高さの CSS スタイルをキャンセルする; 2. コンテンツを縮小する; 3. 高さと設定中に「overflow:hidden」属性スタイルを設定する幅。

このチュートリアルの動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

div css Web ページの表示が不完全な理由の分析と解決策

IE6 で Web ページのレイアウトがまだ放棄されていない場合は、Web ページの表示に問題がある可能性があります。ページのコンテンツが表示されない それでは、この問題が発生する原因と解決方法を説明します。

多くの場合、IE6 などの下位バージョンのブラウザーで Web ページを表示すると、コンテンツは完全に表示されますが、IE7 以降のブラウザー、Firefox およびその他のブラウザーでは、コンテンツが不完全に表示されます。DIV CSS Web ページのコンテンツは診断チュートリアル。

スタイルのスクリーンショットは次のとおりです:

注: 最後の行のコンテンツ テキストの半分のみが表示されます。

原因分析:

1. cssで幅/高さが設​​定されている

2. CSSスタイルシートの属性overflow:hiddenが、指定された幅を超える項目を非表示にするように設定されており、高さ。Object-CSS は非表示です。

推奨: "css ビデオ チュートリアル"

解決策:

1. 高さは css で設定されます

そのオブジェクトをキャンセルします高さ（高さ）CSSスタイルはさまざまなブラウザに対応でき、コンテンツが完全に表示されます。高さをキャンセルすると、Web ページ レイアウトの左右のコンテンツ パネルの境界線がずれる場合は、高さをキャンセルする必要はありませんが、コンテンツを縮小し、不完全なコンテンツを削除する必要があります。

2. CSS スタイル シート属性 overflow:hidden を設定して、指定された幅と高さを超えるオブジェクトを非表示にします。

一般に、高さを設定し、overflow:hidden スタイルを設定すると、IE6 ではコンテンツが不完全に表示されます。解決策は最初の点と同様、高さと幅の制​​限を解除しなければ、コンテンツを減らすことができます。

IE6 では高さを設定しても表示が完了するのに、他のブラウザでは表示が不完全になるのはなぜですか?

回答: IE6 カーネルの都合上、高さを設定していますが、コンテンツが設定した高さを超える場合、当然設定した高さと幅を超えますが、IE7、IE8、Firefox などのブラウザでは設定した高さを超えることができません。

もちろん、設定したコンテンツが設定した高さと幅を超えないようにする場合 (IE6 を含む)、高さと幅を設定するときに overflow:hidden 属性スタイルを設定できます。 IE6 設定した高さと幅は壊れません。

以上がCSSページが完全に表示されない場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。