我有3 div
集裝箱,即#containerA
,#containerB
和#containerC
。嵌套多個div彼此
我想在#containerA
之內定位#containerB
並且相對於 #containerA
的座標。所以,我設置#containerA
有位置: 相對和#containerB有position: absolute
。通過這種方式:
#containerA {
position: relative;
}
#containerB {
position: absolute;
}
這工作#containerA
和#containerB
之間的罰款。現在,我想要 使#containerC
在#containerB
之內並且相對於#containerB
。但是,將 #containerB
設置爲position: relative
會導致#containerB
相對於#containerA
丟失 。該代碼看起來是這樣的:
#containerA {
position: relative;
}
#containerB {
position: relative;
}
#containerC {
position: absolute;
}
那麼,究竟應該怎樣做才能讓divs
窩在彼此在#containerC
定位相對於#containerB
和 #containerB
定位相對於這樣的 方式#containerA
?
假設我有'#containerD'的後續div。我做*不*希望它被定位爲'#containerC'我希望'#containerD'自己定位。如果我將'#containerD'設置爲'position:relative'來重置它的相對性,那會是對的嗎? – Carven