0

2 つの div を右に並べてフロートしたい。右端の div には可変テキストがあるため、左の div は左に移動し続けますが、可変データで右の div に固執します。float:right を実行すると、両方の左の div が右の div に置き換わります。

<div class="wrap">
<div class ="left">static data<div>
<div class ="right">variable data<div>
<div class="wrap">

css 
 .left{
   float:right;
   width:69%;
   display:block;
  }
 .right{
  float:right;
  width:28%;
  display:block;
 }
 .wrap{
 width:100%;
 }

左右の div にはさらにいくつかの div がありますが、クラスはありません。この問題を処理するにはどうすればよいですか。表示するとき、左の div が右の div を引き継ぎます。

ありがとう、

4

3 に答える 3

6

divを交換したいだけだと思います。

最初の子 div は、rhs までずっとフロートされます

2 番目の右浮動 div は、最初の div の左側に表示されます

フィドル

<div class="wrap">
    <div class ="right">variable data</div>
    <div class ="left">static data</div>
</div>

CSS

 .left, .right{
    float:right;
 }
于 2013-10-01T22:00:15.683 に答える
0

ブロック整形コンテキストと呼ばれるものをトリガーしたい場合があります。パートナーのoverflowプロパティをデフォルトとは異なる値に設定するだけです。下位サポート (つまり、ファミリー) が必要な場合zoom: 1;は、フローティング div を最初に配置してください。

.right {
    width: 28%;
    float: right;
}
.left {
    overflow: auto;
}
.wrap{
    width:100%;
}

<div class="wrap">
    <div class ="right">variable data</div>
    <div class ="left">static data</div>
</div>

http://jsfiddle.net/GMwjQ/

SO のどこかにこの回答を投稿したスレッドが既に存在します。見つかりません。

于 2013-10-01T22:09:23.127 に答える