[分享]css另一个元素跟紧定位元素

当我们设计一个网页的时候，有时候需要使某一个元素跟随定位的元素一起移动，这就需要用到CSS中的属性。当定位元素的属性设置为relative或absolute时，另一个元素可以通过设置: absolut...

当我们设计一个网页的时候，有时候需要使某一个元素跟随定位的元素一起移动，这就需要用到CSS中的position属性。当定位元素的position属性设置为relative或absolute时，另一个元素可以通过设置position: absolute和top、bottom、left、right等属性值来跟紧。

定位元素CSS样式：
.position {
  position: relative;
  width: 100px;
  height: 100px;
}

跟紧元素CSS样式：
.follow {
  position: absolute;
  top: 0;
  left: 100px;
  width: 50px;
  height: 50px;
} 

在上述代码中，我们首先给定位元素设置了position:relative属性，用来确定其相对于文档流中的位置，然后又给其设置了宽度和高度。接下来，针对跟紧元素，我们设置了position: absolute属性，这样它就可以相对于最近的具有定位的祖先元素进行定位。

在此基础上，我们又通过设置top和left属性实现了跟定位元素的位置跟随。在这里，我们将其设置为top:0和left:100px，这样它就会紧跟着定位元素在同一水平线上显示。此外，我们还给跟紧元素设置了宽度和高度，使其具有更好的可读性。

总之，使用CSS中的position属性可以非常方便地实现让一个元素跟随定位元素移动的效果，从而让网页布局更加灵活多样。