描述“包含块”这个概念?absolute的包含块计算方式和标准流的包含块有什么不同?

包含块:containing block, CSS2.1中的概念

一个元素盒子的位置和尺寸需要根据一个确定的矩形进行计算,确定这个矩形的元素称为包含块。

确定包含块的规则:

html根元素包含块,也称为初始包含块,是viewport的大小

position: relative\static的元素,最近的、祖先的、块元素容器盒子的内容区域。

position: fixed的元素,包含块是viewport的大小

position: absolute的元素,包含块是由最近的、祖先的、position不等于static的元素确定的,是该元素的border和padding的分界矩形

posted @ 2021-04-27 11:11  #Friday  阅读(122)  评论(0)    收藏  举报