我正在尝试用
- 创建一个水平链接列表,其中所有 都是 display:block 并且有一个高度。在 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 & 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;
}
跨度是一些悬停效果的背景图片,我尝试删除它和它的样式,问题仍然存在。
文档类型是 XHTML 1.0 Strict。好吧,我可以让它在 IE6 中工作,只需要填充,但已知垂直填充在 Safari 中的实现方式与其他浏览器不同。
我的问题是,是否有办法为 保留高度和显示: block (因为背景图像)但没有宽度(我希望元素长度灵活)并在 IE6 中制作水平列表。谢谢!
最佳答案
float 子元素可能是您需要的解决方法:
#header li a, #header li a span {
display:block;
height:28px;
float:left;
}
关于html - 元素在 IE6 中获得 100% 的宽度和高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/415305/