元素在IE6中获得高度100％的宽度

我试图制作一个水平链接列表<ul>其中全部<a>是显示：块并且有一个高度。在IE6中，我为<a>设置了一个高度，使它成为一个垂直列表，并保持100％的宽度。元素在IE6中获得高度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严格。那么我可以在IE6中使用padding工作，但已知垂直填充在Safari中与其他浏览器不同。

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

来源

2009-01-06 datasn.io

浮动的子元素，可以修复你需要：

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

来源

2009-01-06 03:35:43

元素在IE6中获得高度100％的宽度

回答

相关问题