0

私は何時間も前から試していますが、何も役に立ちません。簡単です: 可変 (動的) 幅の 2 つの div があります。両方とも、固定幅のラッパー div に並べて配置する必要があります。私が試したすべて: leftDiv と rightDiv が左または中央に浮いているのが見えますが、div2 は div1 の下にあります....どうもありがとう。

<div class='wrapper'>
   <div class='innerWrapper'>
      <div class='leftDiv'>
      </div>
      <div class='rightDiv'>
      </div>
   </div>
</div>

正しいcssは何ですか？問題は、innerWrapper に両方の div (leftDiv と rightDiv...) の幅を自動的に与えることが機能しないことです...

私は試した：

.wrapper {
    width: 600px;
    text-align: center;
}

.innerWrapper {
    width: auto;
}

.leftDiv {
    display: inline-block;
}

.rightDiv {
    display: inline-block;
}
4

1 に答える 1

0

それらのdivで使用display: inline-block;します..

http://jsfiddle.net/RK6R4/

于 2013-04-11T20:52:18.623 に答える