Question

这些ul位于固定大小的容器内..

                    <ul>
                        <li><a href="#">ΑAOS</a></li>
                        <li><a href="#">ACC</a></li>
                        <li><a href="#">ACCP</a></li>
                        <li><a href="#">AJP</a></li>
                        <li><a href="#">Anejo</a></li>
                    </ul>

                     <ul>
                        <li><a href="#">ASCO</a></li>
                        <li><a href="#">British Medical Journal</a></li>
                        <li><a href="#">Current Medical Literature</a></li>
                        <li><a href="#">Clinical Publishing</a></li>
                        <li><a href="#"> EC-Europ</a></li>
                    </ul>
                    and another one

问题是，使用IE6时，它们占用了所有的容器宽度...将li设置为float left不会占用整个宽度，但我不希望它们相互离开。

#journals-list {background: url(img/journals-background.png) ;background-repeat: no-repeat;height: 300px;width: 495px;}
#journals-list ul {float: left;margin-left: 20px;margin-right: 20px;display: inline;zoom:1; margin-top: 55px;}
#journals-list ul li{display: block; height: 39px; line-height: 39px;border-bottom-style: solid;border-bottom-color: #cc784e;border-bottom-width: 1px;padding-right: 15px;padding-left: 10px;}
#journals-list ul li{background-image: url(img/journal-bullet.png);background-repeat: no-repeat;background-position: left center;}
#journals-list ul li:last-child{border-bottom-style:none;border-bottom-width:0}
#journals-list ul li a{text-decoration: none;color: #FFFFFF;}

我正在使用mayers CSS RESET ..

Answer 1

这似乎是不想要设置hasLayout的情况之一。问题是#journals-list ul li上的高度设置导致在这些元素上设置hasLayout。删除它，问题就消失了。添加，说缩放：1，问题返回。

根据您要呈现的实际数据，您可能只需删除高度样式设置，并依靠行高设置来提供正确的垂直间距。

UL浮动左侧无法正常工作IE 6

1 个答案: