HTML 定位是一种在网页上精确地控制元素位置的技术，它允许你将元素放置在页面的特定位置，或者相对于其他元素进行定位，HTML 提供了多种定位方法，包括相对定位、绝对定位、固定定位和粘性定位。
1、相对定位（Relative Positioning）
相对定位是最基本的定位方式，它不会改变元素在文档流中的位置，但可以使其脱离正常的文档流进行偏移，使用相对定位的元素，其原本在文档流中的空间仍然会被保留。
语法：
<div style="position: relative; left: 10px; top: 20px;"> <!-内容 --> </div>
2、绝对定位（Absolute Positioning）
绝对定位会将元素从文档流中移除，使其相对于最近的已定位祖先元素（relative、absolute 或 fixed）进行定位，如果没有已定位的祖先元素，那么它将相对于初始包含块（通常是浏览器窗口）进行定位。
语法：
<div style="position: absolute; left: 10px; top: 20px;"> <!-内容 --> </div>
3、固定定位（Fixed Positioning）
固定定位与绝对定位类似，但它不会随着页面滚动而移动，固定定位的元素始终相对于浏览器窗口进行定位。
语法：
<div style="position: fixed; left: 10px; top: 20px;"> <!-内容 --> </div>
4、粘性定位（Sticky Positioning）
粘性定位是一种介于相对定位和固定定位之间的特殊定位方式，当元素向下滚动到一定距离时，它会固定在那个位置，直到用户向上滚动回原来的位置，粘性定位的元素不会随着页面滚动而移动，除非它被新的内容推到了视口之外。
语法：
<div style="position: sticky; top: 20px;"> <!-内容 --> </div>
相关问题与解答
问题1：如何使一个元素始终保持在页面底部？
答：可以使用固定定位（fixed positioning）来实现这个效果，将元素的定位样式设置为 position: fixed; bottom: 0;，这样元素就会始终保持在页面底部。
问题2：如何在相对定位的元素内部使用绝对定位？
答：要在一个相对定位的元素内部使用绝对定位，你需要确保父元素具有相对、绝对或固定的定位属性。
<div style="position: relative;">
<div style="position: absolute; left: 10px; top: 20px;">
<!-子元素内容 -->
</div>
</div>
