ホームページ >ウェブフロントエンド >htmlチュートリアル >td_html/css_WEB-ITnose の div を修正する

td_html/css_WEB-ITnose の div を修正する

WBOY
WBOYオリジナル
2016-06-21 09:04:401128ブラウズ

これはコード スニペットです
b6c5a531a458a2e790c1fd6421739d1c
1c50ec92dc71edda3d07b1ecedd3602d
a84209a72c21be1b74911282b752c68b
cafbb4b744e265b7a8bf2bf27b1b29c7 7fa63a0ac40ce03efc2428af9d04e433 ;/div> ;
b90dd5946f0946207856a8a37f441edf

Firefox と IE7 以降では正常に表示されますが、IE6、7、360 のブラウザでは div を固定できません。 td は、主にスライド スクロールで現れます。スクロールすると、ページのすべてのコンテンツがスクロール バーと一緒に移動するのが通常ですが、IE6 および 7 では、スクロール バー div 内のコンテンツは移動せずに留まります。元の位置

これらの 2 つの写真は私が現在直面している問題です。専門家の助けを借りて、CSS で解決できるかどうかを確認してください。解決策)

コードの親コンテナにオーバーフロー属性が設定されていますか?

または、次のようにスタイルを設定します:

            html,body{                overflow: hidden;                height: 100%;                width: 100%;                margin: 0;                padding: 0;            }                        body{                overflow: auto;            }

Span を使用してみてください

はい、1 階、本文で使用されるスタイルはオーバーフローを使用します。

はい、1 階、本文で使用されるスタイルはオーバーフローを使用します。 : hidden;
これは典型的な「子要素がposition:relativeを使用し、親要素がoverflow:autoを使用した後、子要素がスクロールバーでスクロールしないというIE6およびIE7の問題」です

解決策:

position:relativeスタイルを追加します親要素に。


は、体に位置:相対的なスタイルを追加することです

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。