內部div寬度大於外部div

Question

假設我有一個外部div，大小爲1200px，在這個div內，我希望內部div更寬，只是爲了將更多水平的東西裝入窗口。

截至目前，下面的CSS沒有實現這一點。任何提示讚賞。

.OuterDiv { 
 
    width: 1200px; 
 
} 
 
.InnerDiv { 
 
    width: 1400px; 
 
}

<div class="OuterDiv"> 
 
    <div class="InnerDiv"></div> 
 
</div>

Answer 1

試試這個。我添加了height和background，以便您可以看到這些框。

的關鍵是overflow: auto

.OuterDiv { 
 
    width: 200px; 
 
    height: 140px; 
 
    background: blue; 
 
    overflow: auto; 
 
} 
 
.InnerDiv { 
 
    width: 1400px; 
 
    height: 90%; 
 
    background: orange; 
 
}

<div class="OuterDiv"> 
 
    <div class="InnerDiv"></div> 
 
</div>

Answer 2

你只是不vizualising，但要加，嘗試添加溢出財產和一些顏色：

.OuterDiv { 
    width: 1200px; 
    height: 500px; 
    background-color: #f00; 
    overflow: scroll; 
} 
.InnerDiv { 
    width: 1400px; 
    height: 500px; 
    background-color: #0f0; 
}