ホームページ >ウェブフロントエンド >htmlチュートリアル >IE6と7では、パディング値が2倍になります。これを解決するにはどうすればよいですか? ? _html/css_WEB-ITnose

IE6と7では、パディング値が2倍になります。これを解決するにはどうすればよいですか? ? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:16:291067ブラウズ

li のパディングを 0 16px に設定します

IE8 と Firefox では正常に動作します

緊急のリクエストです。 。


ディスカッションへの返信 (解決策)

IE6 は「廃止」されており、もうサポートする必要はありません

IE7 はそれに対処するために別の CSS を書く必要があります

見つかりませんでした。あなたが指摘した問題が li の外の css に影響するかどうかを確認してください。

私はまだ問題を理解していません、専門家を待っています(伝説のレイアウトである可能性がありますか?)

コードを投稿する方が良いです

パディングは 2 倍ではなく、マージンは 2 倍になりますfloat が追加され、背景色を使用します 問題のある領域をマークします

li の margin:0px;padding:0px; を設定します

その後、padding:0 16px; を追加します
表示の問題かどうかを確認します
境界線を使用して設定します境界線を表示してエラーの場所を確認します

display :inline

上記の方法に従ってください: 予想通り、IE6 の二重フローティング マージンの問題が発生しているはずです。


CSS 属性 display:inline; を要素に追加してみてください。

padding:10px! important;padding:5px;

の後に ! important が続きます。次のpadding:5pxはIE6専用です。 、テストしたところ、二重パディングの問題は見つかりませんでした。浮動小数点方向の最初の要素に二重マージンが発生するということだけを聞きました。

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