【随笔】关于绝对定位absolute相对于父元素定位的问题
2014-11-08 21:37
288 查看
绝对定位absolute的官方定义:
设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。
在官方定义中,并没有提到在什么情况下绝对定位相对于父元素定位,又在什么情况下相对于初始包含快也就是body定位?
其实很简单,当该元素设置为绝对定位absolute时,如果父元素为相对定位relative,则该元素相对于父元素定位;反之则相对于初始包含快即body元素定位。
设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。
在官方定义中,并没有提到在什么情况下绝对定位相对于父元素定位,又在什么情况下相对于初始包含快也就是body定位?
其实很简单,当该元素设置为绝对定位absolute时,如果父元素为相对定位relative,则该元素相对于父元素定位;反之则相对于初始包含快即body元素定位。
相关文章推荐
- CSS中关于定位的问题, 相对,绝对定位
- CSS中关于定位的问题, 相对,绝对定位
- css基础 绝对定位 position:absolute 相对于定位的祖先元素进行定位
- CSS中关于定位的问题, 相对,绝对定位
- CSS中关于定位的问题, 相对,绝对定位
- css基础 绝对定位 position:absolute 相对于document元素进行定位 (无定位的祖先元素)
- CSS中关于定位的问题, 相对,绝对定位
- CSS中关于定位的问题, 相对,绝对定位
- CSS中关于定位的问题, 相对,绝对定位
- CSS中关于定位的问题, 相对,绝对定位
- CSS中关于定位的问题, 相对,绝对定位
- CSS中关于定位的问题, 相对,绝对定位
- css使absolute相对于父容器进行定位而不是以body(为什么绝对定位(absolute)的父级元素必须是相对定位(relative))
- position的值, relative和absolute分别是相对于谁进行定位的? absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位。 fi
- css基础 绝对定位 position:absolute 相对于document元素进行定位 (无定位的祖先元素)
- CSS中关于定位的问题, 相对,绝对定位
- css基础 绝对定位 position:absolute 相对于定位的祖先元素进行定位
- CSS中关于定位的问题, 相对,绝对定位
- 关于使用绝对定位使元素垂直居中的问题
- 关于元素绝对定位的父元素问题