css - 无法将 div 拉长到另一个旁边

Question

我有两个divs漂浮在一条线上。第一个 div 应具有预定义的长度并位于左侧，第二个应根据窗口大小、div 大小等在右侧拉长其长度。基本上两个 div 在同一行，一个很小，另一个尽可能长以适合文本。

这是我现在拥有的：http: //jsfiddle.net/nkuvW/

但是正如你所看到的，Thing2它被卡在了另一边，无论我尝试了什么，Thing2 都不会拉长到 thing1。

这是我正在使用的 CSS：

#thing1 {
    margin: 14px 14px 14px 43px;
    padding: 4px;
    width: 75px;
    border: 1px solid black;
    float: left;
}
#thing2 {
    margin: 14px 14px 14px 43px;
    padding: 4px;
    border: 1px solid black;
   float: right;
}

Answer 1

这似乎工作得很好：

#thing1 {
    padding: 4px;
    width: 75px;
    border: 1px solid black;
    float: left;
}
#thing2 {
    margin-left: 100px;
    padding: 4px;
    border: 1px solid black;
}

• JS 小提琴演示

Answer 2

尝试，

<div style='position:relative; padding-left:75px; background-color:red;'>
       <div style='position:absolute; left:0px; top:0px; width:75px;background-color:green; border:1px solid black;'>Thing 1</div>
    <div style='border:1px solid black;'>Thing 2</div>
    </div>

另见此处：http: //jsfiddle.net/S7zbh/5/