码迷,mamicode.com
首页 > 其他好文 > 详细

position

时间:2015-10-22 09:13:08      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:

position:static|absolute|fixed|relative

static:默认值,无特殊定位,对象遵循html定位规则

absolute:将对象从文档流中拖出,使用left、right、top、bottom.属性相对于其最接近的一个有定位设置父对象进行绝对定位

如果不存在这样的父对象,则依据body对象,其层叠通过z-index来定义

relative:对象不可层叠但可以使用l、r、t、b等属性

fixed:把对象定在一个绝对位置不动,无论滚轮怎么动,它的位置都不变

absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。

想要激活对象的绝对定位,必须先指定l、r、b、t中至少一个

relative 会保持对象在正常的HTML流中,但是它的位置可以根据它的前一个对象进行偏移

在相对(relative)定位对象之后的文本或对象占有他们自己的空间而不会覆盖被定位对象的自然空间。与此不同的,在绝对(absolute)定位对象之后的文本或对象在被定位对象被拖离正常文档流之前会占有它的自然空间

position

标签:

原文地址:http://www.cnblogs.com/dongtong/p/4899788.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!