絕對定位兒童填充高度

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;和寬度固定爲寬度列。這會將您的固定列設置爲特定寬度，然後使用另一列填充其餘列。