inline 要素に padding を指定すると親要素からはみ出てしまうのはなぜですか?

inline 要素には高さの概念がないので、結果として padding 分が溢れていると考えられます。
2022年3月14日
ユーザー

お世話になります。

inline 要素に paddingborder を指定すると親要素のボックスから paddingborder で指定した領域分がはみ出してしまうのはなぜでしょうか??

height は指定していない場合、初期値の auto が適用されて親要素の高さは子要素の高さ分に伸縮するという認識なのですが、、、

この span 要素を inline-block に指定すると親要素の高さは子要素のコンテンツ分の高さになります。

inline 要素の場合では何か特別な仕様があるのでしょうか?

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(4)