css top 百分百

CSS中的top属性可以用来定义一个元素相对于其父元素顶部的垂直距离。可以使用像素或百分比作为值。当我们将top设置为100%时，元素会完全嵌套在其父元素中并靠在父元素底部。

父元素{
  position: relative;
}

子元素{
  position: absolute;
  top: 100%;
}

上述代码将子元素位置设置为相对于父元素的100%，这意味着它将被放置在父元素底部。在这种情况下，子元素将完全嵌套在父元素中，因为它们的顶部为父元素的底部.

此外，您可以使用负的top值来将元素位置移动到其父元素的顶部之上。例如：

子元素{
  position: absolute;
  top: -50px;
}

上述代码将使子元素的顶部位于父元素的顶部以上50个像素，这样我们就可以在需要的情况下轻松移动元素。

最后，对于绝对定位元素，您可能需要调整其层次结构以确保正确的顺序。例如，如果网站需要一个悬浮菜单，您必须确保菜单显示在其他内容之上：

菜单{
  position: absolute;
  top: 100%;
  z-index: 999;
}

上述代码将菜单位置设置为相对于其父元素的100%。由于它的z-index被设置为999，菜单将显示在其他内容之上。