首页 > 技术文章 > position 定位属性,对div进行位置布局

tianhen 2019-07-26 16:54 原文

1.absolute

a 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
b 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

2.fixed

a 生成绝对定位的元素,相对于浏览器窗口进行定位。默认top:0;left:0
b 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
c 标签会变成块级元素,超过浏览器的可视区域会隐藏,不会出现滚动条
d 就是说块状元素高度最大等于浏览器可视区域高度,宽度最大等于浏览器可视区域宽度,如果设置的值超出,会取浏览器的可视区域的最大值

3.relative

a 生成相对定位的元素,相对于其正常位置进行定位。
b 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

4.static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

5.inherit 规定应该从父元素继承 position 属性的值。

推荐阅读