如何在CSS

Question

我想知道this website是如何能夠做到這一點在CSS

我試圖找到如何通過檢查元素，但沒有運氣覆蓋一個div。 任何人都可以在不使用position: relative的情況下重現此操作？

我所用：

{ 
    position: relative; 
    top: -100px; 
} 

Answer 1

的關鍵是使用負margin-top在較低DIV。

.upper{ 
 
    width:100%; 
 
    height:100px; 
 
    margin:0; 
 
    padding:0; 
 
    background-color:green; 
 
} 
 
.lower{ 
 
    width:80%; 
 
    height:100px; 
 
    margin:0 auto; 
 
    padding:0; 
 
    background-color:red; 
 
    margin-top:-30px; 
 
}

<div class="upper"></div> 
 
<div class="lower"></div>