css使absolute相对于父容器进行定位而不是以body(为什么绝对定位(absolute)的父级元素必须是相对定位(relative))
2016-12-31 16:20
866 查看
借知乎的回答如下解释:
首先,我想告诉你的是,如果父级元素是绝对定位(absolute)或者没有设置,里面的绝对定位(absolute)自动以body定位。这句话是错的。
正确的是:只要父级元素设了position并且不是static(默认既是static),那么设定了absolute的子元素即以此为包含块(最近的)。
绝对定位(Absolute positioning)元素定位的参照物是其包含块,既相对于其包含块进行定位,不一定是其父元素。
参考:https://www.zhihu.com/question/19926700/answer/13483404
首先,我想告诉你的是,如果父级元素是绝对定位(absolute)或者没有设置,里面的绝对定位(absolute)自动以body定位。这句话是错的。
正确的是:只要父级元素设了position并且不是static(默认既是static),那么设定了absolute的子元素即以此为包含块(最近的)。
绝对定位(Absolute positioning)元素定位的参照物是其包含块,既相对于其包含块进行定位,不一定是其父元素。
参考:https://www.zhihu.com/question/19926700/answer/13483404
相关文章推荐
- CSS ::before 和 ::after
- float
- 了解CSS overflow属性
- 2016年 CSS 库、框架和工具新生榜 TOP 50
- HTML 样式- CSS
- [10]CSS 边框与背景 (下)
- 【Scrapy】 selector 学习记录一(xpath、css)
- symfony 利用assetsBundle管理和压缩js,css
- CSS鼠标移上去给元素加边框,怎么能保证后面的元素不动
- CSS3代码编写中有哪些注意事项?
- 关于CSS中,引入背景图片和border的一点总结
- css3动画记录篇
- CSS 超长文本的隐藏和鼠标覆盖后显示
- CSS总结4
- CSS总结3
- CSS总结2
- CSS总结
- 第四章 a和img
- Spark测量系统 MetricsSystem
- html入门,css入门