IE7第一个浮动div高于其余的，休息对齐很好

Question

我有一个问题，我有一组href浮动在一起。这在所有浏览器中看起来都很好，除了旧的IE版本，其中第一个链接高于所有其他链接。

CSS：

.google_pager 
{
width:500px;
white-space:normal;
padding:20px 0 10px 0;
font-weight:bold;
font-size:1.1em;
overflow:auto;
}

.google_pager span 
{
background-color:#6699C9 !important;
padding: 2px 6px;
color:#FFFFFF !important;
float:left;
height:0;
}

.google_pager a 
{ 
padding: 2px 6px;
text-decoration:none;
float:left;
height:0;
}

选定的寻呼机链接将成为跨度而非链接。

欢迎所有帮助！

Answer 1

我在PHP生成的列表中遇到了这个问题。不确定这是否是您的确切问题，但请确保您的结束ul标记在新行上。例如，我将这行代码用于我的最后一行，

    echo "<li><a href='#'>link</a></li>\n";

听起来很奇怪，但我的问题看起来与您提供的示例图像完全相同。

（P.S。）我意识到这个问题是在大约6个月前被问到的，但希望其他人会觉得这很有用，因为在我偶然偶然发现解决方案之前，这对我来说是相当令人沮丧的！

Answer 2

虽然我在没有您的HTML的情况下无法重现该问题，但请尝试将display: block应用于.google_pager span和.google_pager a。

P.S。另外，您指定零高度的任何特殊原因？

Answer 3

这是链接列表的最佳（语义）模式。按照这个，它们将正常工作：

<div class="pages">
<ul>
    <li><a href="...">First</a></li>
    <li><a href="...">1</a></li>
    <li><a href="...">2</a></li>
    <li><a href="...">3</a></li>
    <li><a href="...">Last</a></li>
</ul>
</div>

CSS：

.pages ul, .pages li {
   list-style=type:none;
   padding:0;
   margin:0    
}


.pages li {
    display:inline-block   
}