不设置height,直接采用line-height撑开父元素高度(line-height为一行字的高度),若字只占据一行,父元素内容区高度即为line-height的高度。
html部分
css部分
此时父元素内容区高度为line-height高度
如果子元素设置了浮动,并采用clearfix清除对父元素的影响,此时子元素设置的padding,border会撑开父元素的内容区。
css部分
此时父元素的内容区高度不再只是line-height,增加了子元素padding,border的高度