示例: div { position: relative; top: 50px; left: 100px; }
以上代码表示将div元素相对于原位置向下移动50像素,向右移动100像素。
常见的定位属性有:
- static(默认值):元素正常的文档流,不做特殊处理。
- relative:元素相对于其正常位置进行定位,可以用top、bottom、left、right属性来设置位置偏移。
- absolute:元素相对于其父元素进行定位,可以通过设置top、bottom、left、right属性来调整位置。
- fixed:元素相对于浏览器窗口进行定位,可以通过设置top、bottom、left、right属性来调整位置。
通过以上属性设定元素定位,可以实现网页布局中的各种效果,如固定导航菜单、悬浮对话框等等。