css - CSS: position:absolute div inside position:relative div——我做错了什么？

Question

读完这篇文章后：

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

我正在尝试实现垂直堆叠的 div，每个 div 包含位于每个父 div 的最左侧和右侧的 2 个子 div。我在这里找到了相同的概念：

绝对位置但相对于父级

但我不知道为什么我的不工作。可以在这里查看正在进行的文件：

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

任何帮助将不胜感激。

Answer 1

我认为将这些规则设置为.projectDivs班级可以完成您想要完成的工作。如果他们没有，请告诉我。

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

我单独设置边距，因为您已经设置了边距底部。

Answer 2

解决此问题的一种方法是给出projectDivs高度。他们目前崩溃到0. 将以下内容添加到您的样式表中，看看会发生什么：

.projectDivs{height:600px}