1

私は2つdivsを1行に並べて浮かせています。最初の div は事前に定義された長さで左側にあり、2 番目の div は右側でウィンドウ サイズ、div サイズなどに基づいて長さを伸ばす必要があります。基本的に、同じ行に 2 つの div を配置します。1 つは小さく、もう 1 つはテキストに合わせてできるだけ長くします。

これが私が今持っているものです： 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

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 に答える