6

最初の div (幅 30 ピクセル) を左に、3 番目の div (幅 30 ピクセル) を右にフロートさせ、2 番目の div がウィンドウ幅全体から残りのスペースを占有するという問題があります。

例:

http://jsfiddle.net/AScBN/188/

.right
{
   height:40px;
   width:40px;
   float:left;
   background:green;
}

.left
{
   height:40px;
   width:40px;
   float:right;
   background:green;
}

.fluid
{
   margin-right: 50px;
   height:40px;
   background:red;
}

div
{
   border:1px solid yellow;
}

問題:

それらを隣り合わせに座らせることはできません。最後のdivは、流動的な2番目のdivのために明らかに下に押し込まれます

ありがとう

エイデン

4

4 に答える 4

5

注文を間違えた

<div class="right">1</div>
<div class="left">3</div>
<div class="fluid">3</div>

非フローティング div は最後の div にする必要があります。

于 2013-08-26T03:17:14.937 に答える
0

margin: 0 auto;あなたに適用.fluid

于 2013-08-26T03:13:08.860 に答える