[分享]css元素右移其他元素不动

在CSS中，有时需要将一个元素右移而不影响其他元素的位置。这可以通过使用绝对或固定定位来实现。

.left {
   position: absolute;
   left: 0;
}

.right {
   position: absolute;
   right: 0;
} 

在上面的代码中，我们定义了两个元素，一个在页面的左侧，一个在页面的右侧。我们使用绝对定位来对它们进行定位，并将left属性设置为0或right属性设置为0，以使它们精确地在页面的左侧或右侧。

如果我们希望文档流仍保持完整，即在元素移动时不影响其他元素的位置，则可以使用固定定位。在这种情况下，元素会相对于浏览器窗口而不是相对于页面进行定位。

.right {
   position: fixed;
   right: 0;
} 

在上面的代码中，我们使用固定定位将元素放置到页面的右侧，此时该元素的位置不会影响其他元素。

总的来说，CSS提供了多种方式来移动元素而不影响其他元素的位置。无论是绝对定位还是固定定位，都可以帮助我们在页面上精确地定位元素。