填充绝对定位儿童的高度

时间:2013-12-10 14:42:47

标签: html css html5

我有以下问题: 我需要在2列中显示信息,第一列应该具有静态宽度,第二列应该将宽度填充到页面的分辨率。

Here是我的解决方案,但它不能完全正确。我已经使用了box-sizing: border-boxposition: absolute但是这个记录的父节点忽略了绝对定位子节点的高度。

我需要显示每列的所有内容。我也有一些限制:解决方案应该与IE9兼容,所以我不能使用flexbox。

2 个答案:

答案 0 :(得分:1)

尝试将父元素设置为display: table; width: 100%;,将列display: table-cell;设置为固定宽度列的宽度。这会将固定列设置为特定宽度,然后使用另一列填充其余列。

答案 1 :(得分:0)

您可以在此处找到两个兼容的解决方案: