position是设置元素的定位方式。有四个可选属性。
1.static
(静态定位)是默认值。有关元素将按照它们在标记里出现的先后顺序出现在浏览器窗口里。
2.relative
相对定位,相对于自己的位置偏移。不会影响其他元素的位置、大小的变化。
3.absolute
绝对定位,相对于非static(也就是说是relative/absolute/fixed三者之一)最近的父级元素。
元素的位置可以通过left、right、top、bottom属性来规定。
absolute元素脱离了文档结构。
absolute元素会悬浮在页面上方,会遮挡住下方的页面内容。
查文档看到
- 设置absolute会使得inline元素被“块”化。
- 设置absolute会使得元素已有的float失效。不过float和absolute同时使用的情况不多;
体会不深,希望以后学习中能多注意到。
4.fixed
一般相对于浏览器。
元素的位置可以通过left、right、top、bottom属性来规定。
不论窗口滚动与否,元素都会留在那个位置。