HTML 中的相对定位元素会对其他元素造成影响，因为它们在文档流中留下了空间，并可以影响其它元素的位置。当一个元素相对定位时，它会被从文档流中移除，但它所占用的空间仍然会留下来，导致文档流中的其他元素相应地移动。因此，相对定位元素的位置和尺寸可以影响其它元素的位置和尺寸。
以下是一个完整的 HTML 页面 UTF-8 示例，其中包含一个相对定位元素对其他元素造成影响的示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Relative Positioning Example</title>
<style>
.box1 {
position: relative;
left: 50px;
top: 50px;
width: 100px;
height: 100px;
background-color: red;
}
.box2 {
width: 100px;
height: 100px;
background-color: blue;
}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
</body>
</html>在上面的示例中，我们定义了两个 div 元素，一个名为 .box1，一个名为 .box2。我们将 .box1 元素设置为相对定位，并将其 left 和 top 属性分别设置为 50px，从而将其相对于其原始位置向右下方移动。由于 .box1 元素已经脱离文档流，因此 .box2 元素将占据 .box1 原始位置的空间，从而被移动到相应的位置。
请注意，在示例中，我们使用了 CSS 的样式表来定义元素的样式和位置。我们使用了 position 属性将 .box1 元素设置为相对定位，并使用 left 和 top 属性来移动它的位置。同时，我们也没有为 .box2 元素指定任何位置，因此它将占据 .box1 原始位置的空间。
正文完