css定位中文档保留原位置

在CSS中，定位是一种非常重要的技术。它可以让你移动元素到页面上的任何位置。但是有时候在我们使用CSS定位的时候需要保留原位置，这样可以保证网页排版的整体性和稳定性。

Box {
  position: absolute;
  left: 100px;
  top: 100px;
}

例子中，使用了CSS的absolute属性将Box元素定位到了网页上的(100px,100px)位置。但是我们发现，随着浏览器窗口的变化，Box元素始终处于(100px,100px)位置，不管是缩小到最小还是扩张到最大。这种情况下就容易破坏整个网页的排版。

解决这个问题的关键就在于使用CSS的相对定位属性。相对定位可以让元素相对于它原来的位置进行定位，不影响其他元素的排版。

Box {
  position: relative;
  left: 100px;
  top: 100px;
}

例子中，使用了CSS的relative属性将Box元素相对于它原来的位置进行定位。这时只有该元素位置发生变化，与之相关的其他元素不会受到影响，保证了整个网页的稳定性和整体性。

所以在使用CSS定位时，务必要考虑到保留原位置的问题，避免破坏网页的整体结构，保证网页排版的稳定性和整体性。