CSS：向右浮动div会导致容器div在IE中拉伸屏幕的整个宽度

我看到了一个类似的问题，但没有看到答案。我遇到了一个问题，一个元素在父div中向右浮动，导致该div在IE7中拉伸页面的整个宽度。这在任何其他浏览器（Firefox和Chrome）中都不会发生。我还贴了问题后的照片，以供参考。我使用的HTML如下所示：

<div id="journal" class="journalIE">
    <div class="title_bar">
        <div>
            Testing
        </div>
        <div class="actions"></div>
        <div class="clear"></div>
    </div>
</div>

请注意，“actions”类是向右浮动的。如果我拿走那个浮子，我的盒子看起来像。但是添加了float之后，它会拉伸整个屏幕，看起来像。这是一个已知的IE错误，因为它不会在任何其他浏览器中发生，它让我发疯

对于那些想知道的人来说，我确实在“actions”一栏中有内容，但我已经把所有内容剥离到了根本问题

如蒙协助，将不胜感激。非常感谢。

请这样做

<div id="journal" class="journalIE"> 
<div class="title_bar"> 
    <div class="Test"> 
        Testing 
    </div> 
    <div class="actions"></div> 
    <div class="clear"></div> 
</div> 

测试

然后添加一个Css类

.测试 { 浮动：对； }

如果它不起作用，请告诉我们

---

MNK

您需要一个宽度：*浮动框必须有一个明确的宽度（通过“宽度”属性指定，或者在替换元素的情况下指定其固有宽度）*

---

via:

我不完全确定您想要什么，因为您没有解释您想要对“actions”div做什么，但是如果您想要“actions”div正好浮动在“Testing”div旁边，我只是尝试创建一个单独的.float类，或者如果您直接将样式应用于div，它也可以工作

.floatr {
float: right;
}

对于.float类，将其应用于“actions”div：

---

我想有时候要想弄明白一些事情，你必须直接应用效果，以确保它能以你期望的方式运行，然后可能会认为如果它真的起作用，那就是一些语法错误。嘿。

谢谢你的快速回答。不幸的是，在“动作”div仍然浮动的时候，它仍然伸展页面的整个宽度，然后把测试放在最右边。这里的图片：所以IE才有这个问题，因为就像我说的Firefox和Chrome并没有扩展它。我不想给它设定一个宽度，因为里面的内容会动态变化，我希望宽度能够适当扩展。另外，你建议给哪个框设定一个宽度？我从.journalIE类中去掉了

float:right

，得到了相同的结果。

.floatr {
float: right;
}

<div class="actions floatr"></div>

#journal .title_bar, .actions
{
    float: right;
}