html - 文本没有像预期的那样在 IE7 中围绕 float 流动

Question

我无法理解 IE7 中的 float 问题。我 div 包含一个向右浮动的列表，以便文本保持在左侧。我使用的方法在其他浏览器中有效，但在 IE7 中无效。我简化了代码以使问题更清楚:

<div class="contentarea">
    <div class="rightmenu">
        <ul class="menu">
            <li class="item-472"><a href="/joomla/index.php/novazeal-websites" >Website Building</a></li>
            <li class="item-473"><a href="/joomla/index.php/novazeal-joomla-training" >Joomla Training</a></li>
        </ul>
             </div>
             <div class="item-page">
        <p>This is the services page. The quick brown fox jumps over the lazy yellow dog. My dog has fleas, The fox may catch them. I wouldn't want to be that fox.</p>
    </div>
</div>

以及相关的 CSS:

.contentarea {
    background-color: #ffffff;
    width: 794px;
    min-height:100%; 
    height:100%; 
    overflow:visible;
    position:relative; 
    vertical-align: top;
    float:left;
}


.rightmenu {

    float:right;

}

我猜想有一个属性来自更高的层次结构，它阻止 float 在 IE7 中正常工作，但我已经尝试更改我能想到的所有内容但没有成功。任何想法都将不胜感激。

特里·罗兹穆斯。

Answer 1

对两个 div 使用 float: right。在一个 div 中对两个或更多相当大的 div 使用左右浮动可能会导致您在 IE7 中遇到的问题。