CSS:浮动div到右导致容器div在IE中拉伸整个屏幕宽度

Question

我在这里看到了类似的问题,并没有看到答案.我有一个问题,一个元素在父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>

我正在使用这些标签的CSS也在下面.我注意到上面引用的另一个人的问题和我的问题之间的一致性是,父母div都有定位(上面的人有绝对,我已经修复).

#journal
{
    z-index: 1;
}

.journalIE
{
    right: 1px;
    bottom: 18px;
    position: fixed;
}

#journal .title_bar
{
    background: #F3F3F3;
    border: 1px solid #C5D6E8;
    color: #363638;
    font-size: 11pt;
    font-weight: bold;
    height: 20px;
    padding: 4px;
    margin-bottom: 4px;
}

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

.clear
{
    clear: both;
}

请注意,'actions'类是浮动的.如果我带走那个漂浮物,我的盒子就像这样.但是添加浮动后,它会拉伸整个屏幕,看起来像这样.这是一个已知的IE错误,因为它没有在任何其他浏览器中发生,它让我发疯.

对于那些想知道的人,我确实在"行动"div中有内容,但是已经将所有内容都剥夺了根本问题.

任何帮助将不胜感激.非常感谢.

Answer 1

做这个

<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