Html IE7不考虑显示:块打开<;ul>&书信电报;李>&书信电报;a>;
我正在尝试使用以下HTML标记进行简单的垂直导航:Html IE7不考虑显示:块打开<;ul>&书信电报;李>&书信电报;a>;,html,css,internet-explorer,internet-explorer-7,Html,Css,Internet Explorer,Internet Explorer 7,我正在尝试使用以下HTML标记进行简单的垂直导航: <ul> <li><a></a></li> <li><a></a></li> <li><a></a></li> </ul> 更新 我现在认为这个问题与container div的position属性有关,它的宽度由元素内部的内容决定。尝试向html
<ul>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
</ul>
-
更新
我现在认为这个问题与container div的position
属性有关,它的宽度由
元素内部的内容决定。尝试向html添加doctype,最好是html5或xhtml 1.0。这样,IE7以标准模式渲染,而不使用自己的长方体模型
另外,使用css重置。谷歌搜索“埃里克·迈耶重置”
参考资料:
更新:
查看此提琴:设置溢出:对于ul隐藏,对于a
尝试从“#ajax搜索ul li a{display:block;padding:9px 18px;min width:150px;}”中删除“min width”以下是解决IE-7问题的最新版本
演示:
CSS:
见下面IE-7的屏幕截图
设置溢出:隐藏
元素上的为我做这个把戏 谢谢,我已经设置了XHTML 1.0 Strict,并且我已经在使用Eric Meyer的重置。出于兴趣,为什么要对HTML使用XHTML 1.0 Strict?更干净的代码和更严格的语义可以实现无错误代码。可以解析为xml alsoblock级别的元素是父元素宽度的100%,即使在填充和加边框时也是如此,只要它们的宽度没有显式设置。因此,在这种情况下,最好在父级中设置宽度,块级子级将符合要求。@Derek Hunzinker亲爱的,请查看我的答案。如果有任何问题,请告诉我。谢谢你的回复。我喜欢你将要做的事情,但是,如果内容恰巧特别长,它会悄悄地越过容器的边界。看:很好!事实证明,这与我的特定问题无关,但这个答案确实解决了这个问题。
#ajax-search ul li a {
display: block;
/*min-width: 150px;*/ // Remove this rule and the IE-7 will start respecting the display block
padding: 9px 18px;
}