CSS定位方式有三种:相对定位、绝对定位和固定定位。
相对定位:
选择器 { position: relative; top: 10px; left: 10px; }
相对定位是相对于元素原来的位置进行定位,使用top、right、bottom和left属性来控制移动方向和距离。
绝对定位:
选择器 { position: absolute; top: 10px; left: 10px; }
绝对定位是相对于它的父元素进行定位,如果父元素没有设置定位,则相对于文档进行定位,也可以使用top、right、bottom和left属性来控制移动方向和距离。
固定定位:
选择器 { position: fixed; top: 10px; left: 10px; }
固定定位是针对浏览器窗口进行定位,元素会随着滚动条的滚动而固定在浏览器窗口的位置,同样也可以使用top、right、bottom和left属性来控制移动方向和距离。
总结:
CSS定位方式有三种:相对定位、绝对定位和固定定位,可以根据不同的需求使用不同的定位方式来控制元素的位置。