position 定位

来源:互联网 发布:连衣裙 知乎 编辑:程序博客网 时间:2024/05/16 14:19
position规定元素的定位类型,即元素脱离文档流的布局,在页面的任意位置显示,
主要值:
relative:相对定位:不脱离文档流的布局,只改变自身的位置,在文档流原先的位置留下空白区域,定位的起始位置为此元素原来在文档流的位置。
absolute:绝对定位,脱离文档流的布局,留下的空间由后面的元素填充,定位的起始为最近的父元素,否则为body文档本身,
fixed:固定定位,不随着页面滚动条的移动而改变位置。
static:默认


1:
辅助属性:
left:表示向元素的左边插入多少像素,使元素向右移动多少像素。
right:表示向元素的右边插入多少像素,使元素向左移动多少像素,
top:表示向元素的上方插入多少像素,使元素向下移动多少像素。
bottom:表示向元素的下方插入多少像素,使元素向上移动多少像素。
注:上面属性的值是正,可以为负,单位:px


2:属性值含有absolute和relative值时,浏览器缩小到此元素不可见时,会出现滚动条,
3:属性fixed,浏览器缩小到些元素不可见时,不会出现滚动条。
0 0
原创粉丝点击