css中让div在最上

在Web开发中，CSS是不可或缺的一部分。CSS可以控制网页的样式，而其中一个很基础但常见的问题是如何让一个div在最上面显示。下面我们来一起看看几种方法。
方法一：使用position属性
position属性可以让我们设置一个元素的定位方式。其中，position:absolute表示我们可以精确地定位元素到网页任意位置。接着，我们可以通过设置其top和left属性控制元素的位置。
pre代码示例：

div {
  position: absolute;
  top: 0;
  left: 0;
} 

方法二：使用z-index属性
z-index属性可以设置元素的层次，数值越大的元素越在上面。因此，我们可以将要显示在最上面的div的z-index属性设置为最大值。
pre代码示例：

div {
  z-index: 9999;
} 

方法三：使用flexbox布局
flexbox布局可以让我们轻松地实现容器内元素的位置和大小排布。通过设置flex属性，我们可以将需要显示在最上面的元素排在容器的最前面。
pre代码示例：

.container {
  display: flex;
  flex-direction: column;
}
.top-div {
  order: -1;
} 

以上就是三种常用的CSS方法，可以让你轻松实现将div显示在最上面。你可以根据自己的实际使用场景选择最适合的方法。