エレメントをinline-blockに設定した後の上下margin融合

440 ワード

外距離マージとは、2つの垂直外距離が出会うと、それらが1つの外距離を形成することを意味する.
マージ後の外距離の高さは、マージが発生した外距離の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>