2017-02-21 151 views
0

我有3 div s連續,然後再次在另一行中的3 div s像一個網格。如何重疊多個div?

我想重疊div#4div#1

Over lay design

+3

請提供一個可重現的HTML和CSS示例,向我們展示您到目前爲止所嘗試的內容。 –

+0

可能重複[如何覆蓋一個div在另一個div](http://stackoverflow.com/questions/2941189/how-to-overlay-one-div-over-another-div) –

回答

0

您可以與具有位置絕對和其他與位置相關的div一個嘗試。

<div class="gray"> 

    <div class="blue"> 


    </div> 
</div> 
.gray { 
    background-color: #818181; 

    height: 220px; 
    width: 300px; 
    position: absolute; 
    overflow: hidden; 
} 

.blue { 
    background-color: #0090ff; 
    top: 0; 
    height: 200px; 
    width: 180px; 

    position: relative; 
    float:left; 
    margin-left: 30px; 
    margin-top: 10px; 
} 
+1

到什麼點?哪個值應該應用於哪個div?它們被編號,哪個div應該是絕對的,哪個應該是相對的?什麼位置給父母? – dakab

+0

看到我編輯的答案 –