[ CSS ] IE で垂直マージンが相殺できないバグ

Internet Explorer は width 指定があると、垂直マージンが相殺できないみたい。

▲ サンプル

この記事の目次非表示

CSS のソース

#main {
  width: 100%;
}
#menu {
  margin-top: 1em;
}
#main p {
  margin-bottom: 1em;
}

<div>
  <p>段落 1</p>
</div>
<div>
  <p>段落 2</p>
</div>

ハマったよ。orz バグの回避方法を考える。

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。