Html 将css属性'；左'；或'；右'；影响网页上的其他元素

这个标题不言自明。需要考虑的其他细节是…

我将css应用到的元素将是

position:relative

该元素将嵌入到网页中

我正在使用

left:-9999px

将元素暂时移出屏幕

该元素可能会也可能不会“越过”或“穿过”页面上的其他元素

这样做会有任何负面影响，比如改变页面上其他元素的布局/位置吗

谢谢

不用了

发件人：

相对的

该关键字将所有元素的布局都视为未定位元素，然后调整元素的位置，而不更改布局（从而在未定位元素的情况下为该元素留出间隙）。位置：相对对表-*-组、表行、表列、表单元格和表标题元素的影响未定义

---

如图所示，相对定位元素与其他元素重叠，而不影响原始布局-其他元素保持原样（显然，当前重叠的事实除外）。

在大多数情况下，偏移相对定位的图元不会影响同一流程中其他图元的布局，因为其他图元只考虑图元的“原始”位置（即未偏移的位置）。偏移特性仅在被偏移的图元上创建视觉效果。从：

一旦箱子按照正常流量布置或浮动，它可能会相对于该位置移动。这称为相对定位。以这种方式偏移长方体（B1）对下面的长方体（B2）没有影响：B2被赋予一个位置，就好像B1没有偏移一样，并且B2在应用B1的偏移后没有重新定位。这意味着相对定位可能会导致框重叠

但是，规范确实指出了一种边缘情况（紧跟在上述部分之后）：

。。。但是，如果相对定位导致“溢出：自动”或“溢出：滚动”框溢出，UA必须允许用户访问此内容（在其偏移位置），这可能会通过创建滚动条影响布局

---

例如，滚动条可以减小容器的宽度，并导致其他元素在其他情况下不会缠绕的地方缠绕。

为什么

位置：相对

？

absolute

不是更符合逻辑吗？或者，尝试一下，看看会发生什么：