将两个div重叠在一起

Question

我想在右边漂浮两个div.最右边的div有可变文本,所以我希望左边的div继续向左移动但是坚持使用可变数据的右边div.我什么时候浮动:右边两个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.

谢谢,

Answer 1

我想你只想交换div.

第一个孩子div一直漂浮到rhs

第二个右浮动div显示在第一个右侧浮动div的左侧

小提琴

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

CSS

 .left, .right{
    float:right;
 }