1

我有两个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;
}
4

2 回答 2

2

这似乎工作得很好:

#thing1 {
    padding: 4px;
    width: 75px;
    border: 1px solid black;
    float: left;
}
#thing2 {
    margin-left: 100px;
    padding: 4px;
    border: 1px solid black;
}
于 2013-05-28T00:06:24.347 回答
0

尝试,

<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/

于 2013-05-27T23:32:20.150 回答