css - 顶部属性中具有百分比值的相对定位

Question

jsfiddle

上面的代码片段呈现了我在 Chrome (v.20) 中的意图。然而，在 Firefox 11 和 IE 9 中，第二个和第三个内容 div 似乎没有考虑顶部和左侧 CSS 值。

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

Answer 1

我的箱子容器没有高度。你可以使用这个：

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