在默认的从左到右的网页上，“悬挂”页面右侧的元素（例如 position: absolute; right: -100px;）会触发一个水平滚动条，该滚动条会滚动到使整个元素可见所需的范围。但是，如果您将元素悬挂在页面的左侧，它将被隐藏（不会触发滚动条）。在 CSS 术语中，如果很正式的话，这称为“数据丢失”。页面顶部边缘（隐藏）和页面底部边缘（发生滚动）也是如此。
Ahmad 指出了这一点。 这只是 CSS 中需要了解的事情之一。我喜欢 Ahmad 如何使用 逻辑 方向（如 inline-start 方向和 block-start 方向）来描述此问题，因为这些方向在页面方向或书写模式更改时会改变。如果页面是从右到左（RTL）的，例如 <html dir="rtl">，则发生数据丢失的水平边缘会翻转（除了 Firefox 🤷♀️）。