2012-07-24 64 views
0

看完這篇文章:CSS:位置:位置絕對div:相對div - 我做錯了什麼?

http://css-tricks.com/absolute-positioning-inside-relative-positioning/

我試圖實現垂直堆疊的div每個包含2周孩子的div定位到最左邊和每個父DIV的權利。我發現這裏的同一個概念:

Position absolute but relative to parent

,但我不明白,爲什麼我的不是working.The正在進行的文件可以在這裏看到:

https://dl.dropbox.com/u/10388895/newPeterSalvatoDotCom/index.html

任何幫助將不勝感激。

+0

請在您的問題中包含相關代碼。 – bhamlin 2012-07-24 00:14:10

回答

0

解決這個問題的一種方法是給projectDivs一個高度。他們目前崩潰到0。將以下內容添加到樣式表中,看看會發生什麼:

.projectDivs{height:600px} 
+0

這就像一個魅力。我沒有意識到當內容被絕對定位時div會崩潰......但它是有道理的,因爲它們被從文檔流中取出... 謝謝。 – peter 2012-07-24 00:25:54

+0

這正是發生的情況。別客氣。 – ACJ 2012-07-24 00:48:47

0

我認爲將這些規則設置爲.projectDivs類可以獲得您想要的結果。讓我知道如果他們不。

.projectDivs {position: relative; 
    margin-bottom: 50px; 
    clear: both; 
    float: left; 
    margin-left:auto; 
    margin-right: auto; 
    width: 100%; 
} 

我個別設置了邊距,因爲您已經設定了底邊距。

+0

對它進行了排序,但感謝您抽出寶貴的時間來查看。 – peter 2012-07-24 00:26:47