日报1215

定位

定位的组成

定位=定位模式+边偏移

定位模式

通过position属性定义元素的定位模式语法如下：

选择器{ position: 属性值; }

• 定位模式是有不同的分类的，在不同的情况下，要用不同的定位模式

值	语义
static	静态定位
relative	相对定位
absolute	绝对定位
fixed	固定定位

边偏移

边偏移属性	示例	描述
top	top：80px	顶端偏移量，定义元素相对于其父元素上边线的距离
bottom	bottom：80px	底端偏移量，定义元素相对于其父元素上边线的距离
left	left：80px	左端偏移量，定义元素相对于其父元素上边线的距离
right	right：80px	右端偏移量，定义元素相对于其父元素上边线的距离

固定定位

• 完全不占位置；
• 只认浏览器的可视窗口 浏览器的可视窗口＋边偏移属性来设置元素位置
• 不随滚动条滚动

语法

position: fixed;

相对定位

• 相对于原来的位置进行偏移
• 原来的位置会被保留
  语法

position:relative;

绝对定位

• 水平居中
  left:50%
  margin-left:-宽度的50%

静态定位

• 默认的定位方式
• 没有边偏移
• 基本不使用