绝对定位儿童填充高度

Question

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

Here是我的解决方案，但它并不完全正确。我已经使用了box-sizing: border-box和position: absolute，但是这个记录的父母忽略了绝对定位子女的身高。

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

Answer 1

您可以在这里两个兼容的解决方案：

• 首先使用box-sizing你接近，但去掉position:absolute

  演示使用calc的宽度http://jsfiddle.net/3AvdP/21/

• 二：

  演示http://jsfiddle.net/3AvdP/20/

Answer 2

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