エレメントをinline-blockに設定した後の上下margin融合
外距離マージとは、2つの垂直外距離が出会うと、それらが1つの外距離を形成することを意味する.
マージ後の外距離の高さは、マージが発生した外距離の2つの高さのうちの大きいものに等しい.
でも
display:inline-blockが設置されています.後上下marginはマージされません
テストコードは次のとおりです.
マージ後の外距離の高さは、マージが発生した外距離の2つの高さのうちの大きいものに等しい.
でも
display:inline-blockが設置されています.後上下marginはマージされません
テストコードは次のとおりです.
css
h2,p{display:inline-block;}
h2,div,p{margin:10px 0px;}
html
<h2> </h2>
<div>
true </div>
<p> </p>