- 绝对定位
如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的（如果父元素没有定位属性，则看它的爷爷符不符合条件）一个具有定位属性（relative/absolute/fixed）的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素。
将元素从文档流中拖出来：元素完全脱离其原来的文档流，元素以前的位置可以被占用。 - 相对定位
如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。 - 固定定位
元素被设置position：fixed后，与绝对定位一样，该元素完全脱离文档流，然后设置left，right，top，bottom的值来确定元素的位置，与绝对定位不同的是，fixed相对的移动坐标是body，不管它的父亲、爷爷或者其他祖先有无定位属性。也就是说，拖动浏览器滚动条，其在视图中的位置不变。
绝对定位、相对定位与固定定位
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- CSS的position总是属性很容易让人弄混~ 为了仔细区别它们，所以今天总结一下CSS的position属性~...
- 语法# UPDATE table_nameSET column1 = value1, column2=value2...
