web开发 小方法3-position

值	描述
absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。 因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。

 

 

 

 

 

 

 

 

 

 

首先这个是他的枚举

针对父元素定位

简单的说   父元素加入 relative

　　　　　子元素加入 absolute

使用 left", "top", "right" 以及 "bottom 设置大小就行了

提示：子元素加入absolute后 会从最近的父元素开始找起  找到了第一个就会停止寻找，

最近的父元素代表着 向上一个层级

 

针对浏览器定位

该元素加入fixed 

使用 left", "top", "right" 以及 "bottom 设置大小就行了

 

转载于:https://www.cnblogs.com/liumingxin123/p/6897885.html