HTML 定位是一种基本的布局技术，它通过对 HTML 元素进行位置和大小的设定，实现网页设计和排版。定位可以让我们精确控制元素的位置和大小，包括页面内部的相对定位和页面外部的绝对定位。相对定位是指元素相对于其原来的位置进行偏移，而绝对定位则是相对于浏览器窗口或其父元素进行定位。
定义相对定位：在 HTML 代码中，可以使用 position 属性来定义元素的定位方式，例如：
- <div style="position:relative; left:50px; top:50px;">
- 这是一个相对定位的 div 元素
- div>
控制位置偏移：在使用相对定位时，我们可以使用 top、bottom、left、right 等属性来控制元素的位置偏移。例如：
- <div style="position:relative; left:50px; top:50px;">
- 这是一个相对定位的 div 元素，向右偏移 50px，向下偏移 50px
- div>
定义绝对定位：与相对定位不同，绝对定位是相对于浏览器窗口或其父元素进行定位。在 HTML 代码中，我们可以使用 position 属性来定义元素的定位方式，并结合 top、bottom、left、right 等属性来控制元素的位置偏移。例如：