如何在不移位原始位置的情況下將html元素插入另一個元素

Question

我希望能夠插入一個用戶可以導航（向左）的元素，而不會打擾用戶當前所看到的內容。 也就是說，新元素將在屏幕外向左插入，但是不應看到當前“聚焦”的元素（和其他可見元素）移動。 目前，我正在使用insertbefore進行此操作，測量新元素的clientWidth並將其從容器元素的邊距中減去。 但是，clientWidth的獲取成本很高，並且在添加過渡時，此方法被證明是有問題的。 有更聰明的方法嗎？ 我本來以為這是一個相當普遍的問題-在一個元素之前插入一個元素而不移動其他所有元素。

Answer 1

您可以使用一些CSS實現此目的。 插入一個不帶高度的包裝div，但是overflow: visible ，將所需的元素插入此div：

.wrapper {
    height: 0;
    overflow: visible;
}

.wrapper div {
    margin-left: 100%;
}