Css 两个流体含量相邻浮动的div。IE 7未显示正确的布局 案件

我有两个相邻的浮动潜水艇。两者都有“液体”内容物，我希望它们彼此紧靠，除非它们接触。然后，我想把它们叠起来

问题是我的流动内容（如文本或列表）在IE7中一旦两个div接触就会崩溃。除此之外，这只发生在一些IE7版本上，而不是所有版本

---

代码

这是一些未确定长度的文本

这也是一些未确定长度的文本

.左对齐{
浮动：左；
}
.右对齐{
浮动：对；
}

---

测试

---

问题

---

因此，显然，这个问题只发生在IE7上，而且似乎是随机的。有些人看到了错误的布局，有些人看到了正确的布局。有谁能给我点灯吗？

除非我误解了，这很容易通过将第一个div浮动到左侧，将第二个div浮动到右侧来实现

---

在本例中，我将它们包装在一个固定宽度的

中，以更容易地说明该行为，但如果没有它，同样的效果只会发生在相对于视口的位置。

除非我有误解，否则很容易通过将第一个div向左浮动，将第二个div向右浮动来实现

在本例中，我将它们包装在一个固定宽度的

中，以便更容易地说明该行为，但如果没有它，同样的效果只会发生在视口中。

添加css:

.left-aligned {
   float: left;
}

.right-aligned {
   float: right;
}

除非我遗漏了什么，否则这应该会让你完全了解你想要的行为。

添加css:

.left-aligned {
   float: left;
}

.right-aligned {
   float: right;
}

---

---

除非我遗漏了什么，否则这应该会给您提供您想要的行为。

CSS2规范规定“浮动框必须有明确的宽度”。请参阅中的浮动部分（9.5）。如果未设置宽度，结果可能无法预测。

CSS2规范规定“浮动框必须具有明确的宽度”。请参阅中的浮动部分（9.5）。如果没有设置宽度，结果可能无法预测。

您的示例正是我想要实现的。这似乎是一个IE问题：（需要明确的是：这些例子现在已经被提出了问题。它们应该表现正确，但并不总是正确的。IE 7似乎偶尔不愿意。你的例子正是我想要实现的。这似乎是一个IE问题。）（需要明确的是：这些例子现在已经被提出了问题。它们应该表现正确，但并不总是正确的。IE 7似乎偶尔不太情愿。案例3也没有在IE上出现在我身上？是IE6吗？你在测试你自己的页面还是我发布的示例？你有合适的文档类型吗？在IE7上，Windows XP for me的案例2链接看起来相同FF和IE中的cal。我测试了你的例子。我的Windows XP机器上的IE 6和7都无法显示正确的行为。这是我的IE7：在第三台计算机上测试，显示错误的布局…：？不是随机的，不是。我肯定某个地方有一个共同点。我只需要想一想。案例3在IE上也没有发生？是IE6吗？你不是正在测试你自己的页面或我发布的示例？你有正确的文档类型吗？在IE7上，Windows XP对我来说，案例2链接在FF和IE中看起来相同。我测试了你的示例。在我的Windows XP计算机上，IE 6和7都无法显示正确的行为。这是我的IE7：在第三台计算机上测试，显示错误的布局…：？不是随机的，不是。我肯定有错误某个地方有一个共同点。我只需要想一想。嗯。那么，你建议如何在不明确定义宽度的情况下创建我想要的效果？内容的长度不确定。没有办法知道。有什么想法吗？我不认为只有css就有任何方法。你可以使用javascript来监控宽度e左侧和右侧，如果左侧宽度+（未浮动），则在右侧浮动上放置一个宽度右宽度>100%Hmm。那么，你建议如何在不明确定义宽度的情况下创建我想要的效果？内容的长度不确定。没有办法知道。有什么想法吗？我不认为只有css有任何方法。你可以使用javascript监控左右两侧的宽度，并在ri上设置宽度如果左宽度+（未浮动）右宽度>100%，则右浮动