與CSS定位問題

我有一個應用程序，打開了幾個窗口。內容是由DOM使用jQuery動態創建的，但這些類是靜態的。與CSS定位問題

問題是底部div粘貼在頂部div底部而不是底部（請參見下圖）。

有什麼顯然我在這裏失蹤？

.containerDiv { 
    position: absolute; 
    left:50px; 
    top: 60px; 
    margin-left: auto; 
    margin-right: auto; 
    resize: both; 
    overflow: auto; 
} 

.topDiv { 
    position: relative; 
    top: 0; 
    height: 60px; 
    width: 100%; 
    overflow: hidden; 
} 

.middlediv { 
    position: relative; 
    width: 300px; 
    height: 300px; 
    background: red; 
} 

.bottomDiv { 
    position: relative; 
    bottom: 0; 
}

這是它的外觀：

-------------------- 
     topDiv 
-------------------- 
    bottomDiv 
-------------------- 


    middleDiv 


--------------------

來源

2011-12-21 holyredbeard

你的html看起來像什麼？ – 2011-12-22 00:01:01

變化position:relative到position:absolute在bottom div的CSS。這是bottom:0可以工作的唯一方法。

來源

2011-12-22 00:01:17 Purag

工程就像一個魅力，謝謝！ – holyredbeard 2011-12-22 00:03:47

我想你可能會有絕對的和相對的錯誤的概念。

position：relative;底部：0;意味着沒有從默認值改變。將這個元素的底部距離0相對於它的位置，即完全沒有差別。

來源

2011-12-22 00:04:56

與CSS定位問題

回答

相關問題