html - 文本没有像预期的那样在 IE7 中的浮点数周围流动

Question

我在 IE7 中遇到了浮动问题，我无法弄清楚。我 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;

}

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

特里·罗兹穆斯。

Answer 1

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