将100％宽度div与固定宽度div对齐

Question

请考虑以下事项：

.d1 {
width: 100px;
float: left;
}

.d2 {
width: auto;
float: left;
}

<div class="d1">Content fixed</div>
<div class="d2">This content should take the rest of the page (on vertical side)</div>

这不起作用。 如何让固定宽度div保持在变量（窗口自适应）宽度div的左侧？

谢谢。

Answer 1

一种方法是给.d2一个position:absolute，然后left:100px和right:0;

示例：http://jsfiddle.net/La6QP/

Answer 2

从float移除.d2并为其提供相当于.d1宽度的左边距，这样做可以解决问题：

.d1 {
    float: left;
    width: 100px;
}

.d2 {
    padding-left: 100px;
}

你可以看到它in action here。

Answer 3

而不是宽度：自动尝试宽度：100％（或90％/ 99％等），用于较大的div。

Answer 4

只需从d2中移除当前样式并给它一些余量。