css - 将 2 个框对齐，其中一个框的位置为 : fixed;

Question

我想像这样对齐两个框:

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

我在这里创建了一个 fiddle :http://jsfiddle.net/NTwUY/4/

问题是它们会互相超越，而不是一个挨着一个。我不想为此使用 javascript，我不能只在第二个上设置 margin-left: 260px 因为它是响应式的。

Answer 1

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

你必须给 #holder 层 fixed 规则:

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

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

#content {
}