HighLab

ieエラー position:absoluteの中身のwidth制御できない

  • 公開日:
  • 更新日:
  • 文字数:323文字

cssで、absoluteの中身にul/liを追加して、liを横並びにしようとしたかった。
ie以外のブラウザではうまく表示できたがieではwidthを指定してあげないと、width幅が狭く改行されてしまう。

今回私の場合absoluteの中身にパンくずをいれていたので、liのwidth幅を固定したくなかった。
いろいろ試したがうまくいかない。ulをdisplay:table,liをdisplay:table-cellにしたが変化なし。
なので、
IEだけ親要素のabsoluteをrelativeに変更して対応。
@media all and (-ms-high-contrast:none) {
position: relative;
}