Html IE7不考虑显示:块打开<;ul>&书信电报;李>&书信电报;a>;

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

我正在尝试使用以下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;
    }