Css 在top属性中具有百分比值的相对定位

上面的代码片段呈现了我在Chrome（v.20）中想要的方式。 然而，在Firefox11和IE9中，第二个和第三个内容div似乎没有考虑顶部和左侧的CSS值

---

使用百分比宽度进行相对定位的正确方法是什么？

I您的箱子容器没有高度。您可以使用以下选项：

body, html {
    min-height: 100%;
    height: 100%;
}