html - 相对定位

Question

我有以下内容。

full code link

.rent-roll-container {
    background: green;
    height: 100%;
}
.rent-roll-month-nav {
    background: blue;
    display: inline-block;
    height: 100%;
}
.rent-roll-table {
    background: red;
    display: inline-block;
    height: 100%;
}

如您所见，有一个表格，左右有两个 div/列用于导航。所有这些都在一个主容器中。我希望所有内容都在顶部和表格中对齐，以尽可能多地填充父项。主容器内所有元素的高度也应该匹配。

现在所有内容都向左收缩，导航 div/列固定在底部。到底是怎么回事？我该如何解决。我已经尝试了一切。我试图避免固定位置或大小，因为我想要动态调整大小。

Answer 1

这可能是您要查找的内容，请尝试使用 float 和 width。

喜欢这里:jsfiddle