お世話になります。
inline 要素に padding
や border
を指定すると親要素のボックスから padding
と border
で指定した領域分がはみ出してしまうのはなぜでしょうか??
height
は指定していない場合、初期値の auto
が適用されて親要素の高さは子要素の高さ分に伸縮するという認識なのですが、、、
この span
要素を inline-block
に指定すると親要素の高さは子要素のコンテンツ分の高さになります。
inline 要素の場合では何か特別な仕様があるのでしょうか?

