0

外側の div 内で 2 つの div をフロートしようとしていますが、幅にパーセントを使用すると、スペースが完全に占有されないという問題があります。

ここでhtmlを確認できます： http://codepen.io/vincentccw/pen/DBEot

<div class="outer">
    <div class="d1">a</div>
    <div class="d2">b</div>
</div>

.outer{
  background:red;
  width:1024px;
  margin:0 auto;
  height:400px;
}

.d1{
  background:green;
  width:20%;
  float:left;
}

.d2{background:blue;
    width:80%;
    float:left;
}

パーセントをピクセル値に戻す変換を変更しない限り、「d2」クラスが完全に占有されていないことに注意してください (右側に赤い色が表示されます)。

4

3 に答える 3

1 
.d2{
  background:blue;
    width:80%;
    float:right;
}

私のために働く

1 つは左にフロートし、もう 1 つは右にフロートします。

于 2013-10-15T10:30:28.673 に答える