将2个盒子彼此相邻对齐，而其中一个盒子的位置：固定;

Question

我想像这样对齐两个方框：

左侧面板宽度在260-320px范围内移动（取决于浏览器宽度）并且有position: fixed，而另一个面板应该占用浏览器的剩余部分。

我在这里创建了一个小提琴：http://jsfiddle.net/NTwUY/4/

问题是他们互相攻击，而不是一个接一个。 我不想为此使用javascript而且我不能在第二次设置margin-left: 260px因为它的响应能力。

Answer 1

这是：http://jsfiddle.net/NTwUY/2/

您必须将fixed规则赋予#holder图层：

#holder {
    width: 100%;
    position: fixed;
}

#panel {
    float:left;
    background-color: green;
    min-width: 200px;
    width: 20%;
    max-width: 320px;
}

#content {
}