home wiki.fukuchiharuki.me
Menu

キーワード

  • IE9(Internet Explore 9)
  • HTML
  • CSS

現象

ありがちな「clear: both;」がIE9でなぜか効かない。

.left {
  float: left;
}

.right {
  float: right;
}

.container:after {
  content: "";
  display: block;
  clear: both;
}

原因

分からん。

対策

.container {
  overflow: auto;
}

もしかしたら width も入れてあげないとだめかも。詳しくは参考サイトで。

参考