对position 最好理解的解释
2018-03-05 17:08
253 查看
节选自《Chrom扩展及应用开发》的讲解。
默认情况下元素的position 属性值为static ,元素排列在正常的流中。position 属性还有另外的三个值,分别是absolute 、relative和fixed 。如果元素的位置属性为absolute ,则它的位置是相对于除static 定位以外的父系元素的,如果没有这样的父系元素,则相对于body ;如果元素的位置属性为relative ,则它的位置是相对于它默认在HTML流中位置的;如果元素的位置属性为fixed ,则它的位置是相对于浏览器窗口的。
默认情况下元素的position 属性值为static ,元素排列在正常的流中。position 属性还有另外的三个值,分别是absolute 、relative和fixed 。如果元素的位置属性为absolute ,则它的位置是相对于除static 定位以外的父系元素的,如果没有这样的父系元素,则相对于body ;如果元素的位置属性为relative ,则它的位置是相对于它默认在HTML流中位置的;如果元素的位置属性为fixed ,则它的位置是相对于浏览器窗口的。
相关文章推荐
- 对position的几点理解
- Uri,Url,Urn,src,href的解释和区别,个人查资料理解,不严谨,只供参考
- Silverlight:Image.Source详解(解释某些用法和理解差异)
- Oracle(一)--> 数据库对象详解(文字解释,先有个小理解~)
- 面向对象和面向过程的区别个人觉得是目前解释最好的
- 数据归一化(normalizing)的直观理解和通俗解释。
- POJ 2586 贪心 最易理解的解释
- 深入理解Linux网络技术内幕——读书笔记(1) 名词解释
- HTML之position:absolute relative static fixed的区别和理解
- 解释一下你对盒模型的理解,以及如何在 CSS 中告诉浏览器使用不同的盒模型来渲染你的布局。
- CSS之position理解
- 公钥,私钥和数字签名这样最好理解
- 原来我一直理解错了css的position
- 对一些 关键词、语句、函数、专业名词 等的解释和理解(二)
- HTML之布局position理解
- mongodb group包(最具体的、最受欢迎、最容易理解的解释)
- HTML&CSS——对背景图定位中background-position属性的自我理解
- 使用生活解释理论是最好的教学方法——一个卖报老人所懂的营销哲学
- 最好理解的并查集详解
- 基于S5PC100的FIMC的部分解释——一篇让我理解透彻2440和S5PV210 摄像头camera控制器的文章