html - 将两个 div float 到彼此紧挨着

Question

我想在右侧 float 两个相邻的 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。

谢谢，

Answer 1

我想你只是想交换 div。

第一个子div一直 float 到rhs

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

FIDDLE

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

CSS

 .left, .right{
    float:right;
 }