ブロックボックス化した要素を含むリストアイテムの後ろに空行が入るバグ

IE5.X/6.0でブロック要素の内容物にリストアイテム要素ボックスの直後に空行が入る。

回避法

  • リストアイテム要素の内容物の末尾を、 display:block; を指定した要素にしない。
  • リストアイテム要素または display:block; を指定した要素のwidthプロパティやheightプロパティを明示する(WinIEバグ070に注意)。
  • リストアイテム要素の終了タグの直前や直後で改行しない。
  • リストアイテム要素にボーダーまたはパディングを設置する。

上記方法でも私の場合回避できなかったので、リストアイテム要素に

height:1%;margin-bottom:(マイナスの値);

を設定して回避できた。

タイトルとURLをコピーしました