CSS：position：绝对div内部位置：相对div - 我做错了什么？

Question

阅读本文后：

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

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

Position absolute but relative to parent

但我无法弄清楚为什么我的工作不正常。正在进行的文件可以在这里查看：

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}