HTML/CSS - 較小的盒子中的較大的盒子

我認爲如果我製作比其容器大的盒子，盒子將被限制爲容器的大小，並且會有圍繞它的滾動條。HTML/CSS - 較小的盒子中的較大的盒子

但實際上箱子出來的容器，如上面的例子。

謝謝，克里斯。

2012-10-09 ChrisOdney

不，你必須使用CSS溢出來使滾動條出現。你必須有內容讓他們活躍起來，把div定義爲你真正希望顯示的那麼大。

用一個例子更新你的小提琴http://jsfiddle.net/ekT3h/2/使一切變得更大，以便更容易理解。第二個小提琴http://jsfiddle.net/ekT3h/4/標有divs的名稱，並更新您的原始CSS來定位孩子，而不考慮任何其他內容。

2012-10-09 09:41:51 xception

爲什麼，在我原來的小提琴孩子箱出來的容器？ – ChrisOdney

這就是如何定義盒子模型，如果您希望按照prady的建議隱藏溢出，或者您可以將滾動條添加到像@SudipPal建議的容器div，但除非您可以更準確地陳述您想要的內容完成這些就是我可以告訴你的。 – xception

在「容器」類中使用「overflow：auto」屬性。

#container{ 
height:100px; 
width: 100px; 
border: 1px solid red; 
    overflow:auto; 
}

2012-10-09 09:43:10

演示：http://jsfiddle.net/ekT3h/3/ –

謝謝@MuthuKumaran –

應用下面的CSS：

overflow:hidden

2012-10-09 09:44:53 prady00

這不是他問的，只是隱藏額外的東西，他想要滾動條。 – xception

我不認爲它會起作用。 –

回答