0

我正在尝试使用 <ul> 制作链接的水平列表，其中所有 <a> 都是 display:block 并且具有高度。在 IE6 中，在我为 <a> 设置高度后，它会保持 100% 的宽度，使其成为垂直列表。

HTML：

<ul id="header">
    <li><a href="#"><span>ST.KILDA ROAD MEDICAL CENTRE</span></a></li>
    <li><a href="#"><span>Public Health Management</span></a></li>
    <li><a href="#"><span>ST.KILDA ROAD PSYCHOLOGY SERVICES</span></a></li>
    <li><a href="#"><span>OCCUPATIONAL ASSISTANCE SERVICE</span></a></li>
    <li><a href="#"><span>ST.KILDA ROAD Sports &amp; Physio</span></a></li>
</ul>

CSS：

#header {
    height:1%;
    overflow:hidden;
}
#header li {
    float:left;
}
#header li a, #header li a span {
    display:block;
    height:28px;
}

跨度是一些悬停效果背景图像，我试图删除它和它的样式，问题仍然存在。

Doctype 是 XHTML 1.0 Strict。好吧，我可以让它在 IE6 中工作，只需要填充，但众所周知，垂直填充在 Safari 中的实现方式与其他浏览器不同。

我的问题是我是否有办法为 <a> 保留高度和显示：块（因为背景图像）但没有宽度（我希望项目长度灵活）并在 IE6 中制作水平列表。谢谢！

4

1 回答 1

2

浮动子元素可能是您需要的修复：

#header li a, #header li a span {
  display:block;
  height:28px;
  float:left;
}
于 2009-01-06T03:35:43.517 回答