Html 将两个div浮动到彼此相邻的右侧

我想在右边浮动两个相邻的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%;
 }

静态数据
可变数据
css
.左{
浮动：对；
宽度：69%；
显示：块；
}
.对{
浮动：对；
宽度：28%；
显示：块；
}
.包裹{
宽度：100%；
}

右div和左div中还有一些div，但没有任何类。我如何处理这个问题。显示时，左div将取代右div

---

谢谢，

我想你只是想交换一下div

第一个子div一直浮动到rhs

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

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

---

我想你只是想交换一下

第一个子div一直浮动到rhs

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

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

---

您可能希望触发一个称为块格式上下文的东西。只需将合作伙伴的

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>

。对{
宽度：28%；
浮动：对；
}
.左{
溢出：自动；
}
.包裹{
宽度：100%；
}
可变数据
静态数据

---

已经有一个线程在SO的某个地方发布了这个答案。找不到它。

您可能需要触发称为块格式上下文的内容。只需将合作伙伴的

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>

。对{
宽度：28%；
浮动：对；
}
.左{
溢出：自动；
}
.包裹{
宽度：100%；
}
可变数据
静态数据

---

已经有一个线程在SO的某个地方发布了这个答案。找不到它。

在不交换HTML中的div的情况下，将包装器div向右浮动，并使子divs内联块

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

---

在不交换HTML中的div的情况下，将包装器div向右浮动，并使子divs内联块

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

---

您可能需要使用结束标记。如果将两个元素浮动到一侧，则源代码中首先列出的元素将是该侧最远的元素。。。因此，这意味着您的

左

div将位于

右

div的右侧。您可能需要使用结束标记。如果将两个元素浮动到一侧，则源代码中首先列出的元素将是该侧最远的元素。。。这意味着您的

left

div将位于

right

div的右侧。我看不出

overflow:auto

在本例中有什么作用？就浮动而言，

overflow:auto

（或

hidden

）通常会应用于父元素（即本例中的

.wrap

），以清除浮动的子元素。我看不出

overflow:auto

在本例中有什么作用？就浮动而言，

overflow:auto

（或

hidden

）通常会应用于父元素（即本例中的

.wrap

），以清除浮动的子元素。