5

これを行うための CSS フラグメントを記述できる人はいますか?

<div class="container">
  <span class="left">Left</span><span class="right">Right</span>
</div>

の CSS は次の.containerとおりです。

.container {
    position:absolute;
    bottom:0;
    margin: 0 5px 5px 5px;
}

含まれている要素で「絶対配置」されているため、位置が絶対であることに注意してください。

float:leftネストされた 2 つの要素に対して/を既に試しましfloat:rightたが、何も起こりません。

4

3 に答える 3

6

ブロックする要素を設定し、幅を設定してフロートします。

.left{
  display: block;
  float:left;
  width: 100px;
}

.right{
  display: block;
  float:right;
  width: 100px;
}

例: http://jsfiddle.net/LML2e/

于 2012-12-16T17:59:38.900 に答える
2

float: leftdivfloat: rightの(相対または絶対)幅を設定すると完全に機能します.container

デモ

.container {
    position:absolute;
    bottom:0;
    margin: 0 5px 5px 5px;
    width: 200px; //either absolute width
    width: 100%;  // or relative width
}

補足:を に設定する.containerwidth: 100%、 が原因で見苦しいスクロール バーが表示されますmargin。とクラスmarginで を使用するだけです。ここを参照してください。.left.right

于 2012-12-16T17:59:54.070 に答える
0

を使用するには、幅を設定する必要がありますfloat。100% の幅が必要な場合は.container { width: 100%; }、コードを次のように設定または改善できます。

.container {
    position:absolute;
    bottom:5px;
    left:5px;
    right:5px;
}
于 2012-12-16T18:02:09.450 に答える