我有以下问题: 我需要在2列中显示信息,第一列应该具有静态宽度,第二列应该将宽度填充到页面的分辨率。
Here是我的解决方案,但它不能完全正确。我已经使用了box-sizing: border-box
和position: absolute
但是这个记录的父节点忽略了绝对定位子节点的高度。
我需要显示每列的所有内容。我也有一些限制:解决方案应该与IE9兼容,所以我不能使用flexbox。
答案 0 :(得分:1)
尝试将父元素设置为display: table; width: 100%;
,将列display: table-cell;
设置为固定宽度列的宽度。这会将固定列设置为特定宽度,然后使用另一列填充其余列。
答案 1 :(得分:0)
您可以在此处找到两个兼容的解决方案:
首先使用box-sizing
您已关闭,但请移除position:absolute
两个使用calc
作为宽度: