在CSS和HTML中如何height: auto
工作?是什么在计算元素的高度,为此,浏览器会将height
设置为auto
?
如果它只有内联子级,则高度是最顶部行框的顶部和最底部行框的底部之间的距离。
如果它有块级子框,则高度是最顶部块级子框的上外边距边缘和最底部块级子框的下外边距边缘之间的距离。
绝对定位的子项将被忽略,相对定位的框将被考虑而不考虑其偏移。注意,子框可以是匿名块框。
此外,如果该元素有任何浮动后代,其底部边距边缘低于该元素的底部内容边缘,则高度会增加以包含这些边缘。仅考虑参与此块格式化上下文的浮点数,例如,绝对定位的后代内的浮点数或其他浮点数不被考虑。