如何定义CSS分层顺序？

Question

如何将box1放在box2后面？

<div class="box2">username</div> -> position: fixed; 
<div class="box1">logo</div> -> position:relative;

Answer 1

尝试使用z-index属性。

  

z-index属性指定元素的堆栈顺序。

     

具有更多堆栈顺序的元素始终位于元素的前面   堆叠顺序较低。

     

注意：z-index仅适用于定位元素（位置：绝对值，   position：relative，或position：fixed）。

请参阅以下内容：

• z-index定位：z-index positioning
• CSS定位：CSS Positioning

Answer 2

这应该有效：

.box1{z-index:1}
.box2{z-index:2}

Answer 3

您必须定义“TOP”位置

.box2 {position: fixed;  top: 0; }