ホームページ > ウェブフロントエンド > htmlチュートリアル > IE6/IE7 の li の下 4 ピクセルにある Bug_html/css_WEB-ITnose について議論します。

IE6/IE7 の li の下 4 ピクセルにある Bug_html/css_WEB-ITnose について議論します。

WBOY
リリース: 2016-06-24 11:31:55
オリジナル
1093 人が閲覧しました

IE6/IE7ではliの子要素にfloatがあると

  • 以下で4pxギャップバグが発生します。

    XHTML の幅、高さ、ズーム、パディングトップ、パディングボトム、マージントップ、マージンボトム。 U b はこのバグの状況を知っているので、解決策も利用できます:

    方法 1 #List DIV Set Clear: left | 両方とも、現時点では #List li は幅、高さ、ズームを設定できません。方法 2 #list li は float:left を設定します。このとき、#list li は幅、高さ、ズームを設定できます。 #list li は、clear:left|both を設定します。現時点では、#list li は幅、高さ、ズームを設定できません。方法 3

    IE6/IE7 のこのバグは、li の div にvertical-align:top|middle|bottom を設定することで解決できます。これは奇妙すぎるので、vertical-align の値が 3 つのうちの 1 つであることを追加してください。ホタル

  • ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート