Question

我在IE7中遇到浮动问题，我无法弄清楚。我包含一个列表向右浮动，以便文本保持在左侧。我使用的方法适用于其他浏览器，但不适用于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中正常工作，但我已经尝试改变我能想到的一切而没有成功。任何想法都会受到高度赞赏。

Terry Rozmus。

Answer 1

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

正如预期的那样，文本不会在IE7中浮动

1 个答案: