CSS Position 定位属性

postion是编码前端事实都在用的,不过对于我这种菜鸟来说,还要好好学习才行,比较只是简单的懂还不够,要知道复习和总结.

---

Position 属性：规定元素的定位类型。即元素脱离文档流的布局，在页面的任意位置显示。(说简单点就是对元素进行定位~)

主要的值:

①absolute：绝对定位；脱离文档流的布局，遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static)，否则为Body文档本身。

②relative：相对定位；不脱离文档流的布局，只改变自身的位置，在文档流原先的位置遗留空白区域。定位的起始位置为此元素原先在文档流的位置。

③fixed：固定定位；类似于absolute，但不随着滚动条的移动而改变位置。(div-a不会因为滚动条变化而改变)

④static：默认值；默认布局。

---

辅助属性:

position属性只是使元素脱离文档流，要想此元素能按照希望的位置显示，就需要使用下面的属性(position:static不支持这些)：

①left (左)： 表示向元素的左边插入多少像素，使元素向右移动多少像素。

②right (右)：表示向元素的右边插入多少像素，使元素向左移动多少像素。

③top (上)：表示向元素的上方插入多少像素，使元素向下移动多少像素。

④bottom(下) ：表示向元素的下方插入多少像素，使元素向上移动多少像素。

上面属性的值可以为负，单位：px 。