position: static; position: relative; position: absolute; position: fixed;
下面大家来逐一介绍。
1. position: static
这是CSS中默认的位置属性,也就是说,如果你没有设置任何其他的位置属性,那么元素的位置就是static。
2. position: relative
这个位置属性可以相对于元素自身的位置进行调整。例如,您可以使用左和上属性来向左和向上移动元素。
div { position: relative; left: 20px; top: 10px; }
3. position: absolute
这个位置属性可以使元素相对于其父元素进行定位。如果没有设置父元素的位置属性,那么该元素将相对于整个文档进行定位。
div { position: absolute; left: 20px; top: 10px; }
4. position: fixed
这个位置属性也是相对于整个文档进行定位,但是在滚动页面时,元素仍将保持在相同的位置。这在创建固定的导航栏或页脚时非常有用。
div { position: fixed; left: 20px; top: 10px; }
这些是CSS中设置位置的基本属性。你可以使用它们来控制你的页面上的元素的位置和布局。