yangsirgo / good-good-study

水平垂直居中,这是一道面试必考题,^_^
0 stars 0 forks source link

absolute的元素设置width50%,是按哪个元素50%呢???包含块的定义 #20

Open yangsirgo opened 4 years ago

yangsirgo commented 4 years ago

1.根元素(很多场景下都是html元素),被称为初始包含块。其尺寸等同于浏览 器可视窗口的大小 2.对于其他元素,如果该元素的 position 是 relative 或者 static,则“包含块” 由其最近的块容器祖先盒的 content box 边界形成。 3.如果元素 position:fixed,则“包含块”是“初始包含块”。 4.如果元素 position:absolute,则“包含块”由最近的 position 不为 static 的祖先元素建立,如果没有符合条件的祖先元素,则“包含块”是“初始包含块”。