CSS中的动态和固定大小

Question

我需要在同一个HTML行中有2个div:一个将保持相同的宽度,而另一个的大小将在最终用户增加网页后增加.

所以我在这里定义了一个div和2个div:

<div>
    <div style="float:left" width="20px">first div</div>
    <div style="float:left" width="100%">first div</div>
</div>

但它不起作用!

如何在同一行创建2个div,其中一个是固定大小而另一个是相对的？

Answer 1

我赢吗？

现场演示

现场演示#2(使用类并支持多个实例)

HTML:

<div id="divHolder">
    <div id="div1">1</div>
    <div id="div2">2</div>
</div>

CSS:

#divHolder {
    overflow: auto
}
#div1 {
    float: left;
    width: 20px;
    background: #ccc
}
#div2 {
    margin-left: 20px;
    background: #888
}