如何用css創建重疊的div元素？

我想創建一個大小爲1000x600的div元素。在裏面，我想創建幾個尺寸爲50x50的div。我想讓所有小的div左下對齊。但是他們需要重疊，並且在更大的div中彼此重疊。然後，我想控制div的位置，使它們獨立於其他小divs，即它們都可以重疊。如何用css創建重疊的div元素？

當我嘗試它時，divs堆疊在一起。如果我使用絕對位置，那麼div是相對於整個頁面，並出現在大div的外面，我需要它相對於更大的div。

任何人都知道如何做到這一點？

感謝

來源

2014-04-27 omega

我提醒你一些代碼會很好看。（順便說一句...我不明白一個詞！:)你能澄清你的想法嗎？） –

你有沒有嘗試給更大的div'位置：相對'？這應該允許你在較小的div上使用絕對定位。 – grc

您的意思是將左下角對齊到上角。非常混亂，最後一個問題適用於更大的div的相對位置。 –

很難說什麼你問的沒有你想達到什麼樣的一些示例代碼或至少一個圖。但是......

「如果我使用的位置是絕對的，那麼div的是那麼相對於整個頁面，並出現在大格之外，我需要它相對於大格」

你想設置position: relative父容器（大div）。然後，position: absolute的子元素將相對於大分區進行定位。

來源

2014-04-27 03:42:10

DEMOhttp://jsfiddle.net/LsL4p/

1）添加「位置：相對於」到conatiner DIV

2.）添加「的位置是：絕對的;左：0;底部：0」到小格。

.container{ 
     border:1px solid #333333;  
     position:relative; 
     width:1000px; 
     height:600px; 
} 
.small-div{ 
     border:1px solid red; 
     position:absolute; 
     bottom:0; 
     left:0; 
     width:50px; 
     height:50px; 
}

來源

2014-04-27 06:58:09

如何用css創建重疊的div元素？

回答

相關問題