使用CSS相對於容器（和容器相對於更大的容器）的位置元素

您好，感謝您閱讀本文。使用CSS相對於容器（和容器相對於更大的容器）的位置元素

我有一些容器divs持有一些元素div，但我也有一個包裝所有容器div的包裝。我應該如何回調CSS樣式，以便元素的位置相對於容器，容器的位置是相對於更大的容器，並且更大的容器的位置是相對於最終容器（即包裝）？

我需要JavaScript嗎？

Thans you !!

來源

2012-10-14 user1735546

查覈[位置：相對於]的語義（http://dochub.io/#css/position） – Pointy

我的問題是，當我有一個容器和內部的一些元件 - 使用CSS位置很好。但如果我有另一個包含小容器的容器，由於較小的容器被設置爲相對的，所以我不能將它設置爲絕對的，以便它相對於較大的容器。 – user1735546

設置主容器有一個位置：相對和子容器位置：絕對。如果你需要將更多的容器放在孩子的內部，你也可以使用position：absolute。

例如：

.wrapper{position:relative;} 
.big-container{position:absolute;top:0;left:0;} 
.containerOne{position:absolute;top:0;left:0;} 
.containerTwo{position:absolute:top:0;left:0;}

來源

2012-10-14 23:10:24 DanyZift

他可以在父容器或子容器的任何一個上使用「相對」和「絕對」定位，除此之外，你的回答是正確的。 – xception

謝謝！我現在明白了。事實上，我正在做你之前在這裏提出的建議。我把包裝器設置爲相對的，而其他的都是絕對的，但它不起作用。現在我再次測試它，但沒有改變任何東西，它的工作。順便說一句，我使用Dreamweaver 6;這可能是因爲這個軟件的一些加載問題？事實上，我可以記得遇到類似的麻煩，即早上不行，突然晚上好。 – user1735546

使用CSS相對於容器（和容器相對於更大的容器）的位置元素

回答

相關問題