CSS 定位是一种可以控制 HTML 元素位置的方法。它可以使用 position 属性来定义元素的定位方式,常用的值包括相对定位(position: relative)、绝对定位(position: absolute)和固定定位(position: fixed)。使用 CSS 定位时,还可以通过 top、bottom、left 和 right 等属性来设置元素与页面上下文的位置关系。
其中,相对定位通过设置 top、bottom、left 和 right 等属性相对于元素原本所在位置进行微调,不会改变页面布局。绝对定位将元素根据最近的带有定位属性(position 为 relative、absolute 或 fixed)的祖先元素进行位置定位,如果没有祖先元素,则相对于整个文档进行定位。固定定位则将元素固定在浏览器窗口中的某个位置,不随页面滚动而改变位置。
使用 CSS 定位能够更加灵活地控制页面布局和元素位置,使网页设计更具创意性和美观性。