2012-07-24 96 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