正确显示导航

Question

如果我有这样的结构：

<div class="header">
    <div class="logo">[logo]</div>
    <div id="navigation" class="cf">
        <nav>
            <ul>
                <li><a href="#">This is a link</a></li>
                <li class="active"><a href="#">Active Tab</a></li>
                <li><a href="#">Lorem link</a></li>
                <li><a href="#">Dolor link two</a></li>
                <li><a href="#">Here is a link</a></li>
            </ul>
        </nav>
    </div>
</div>

如果我只调整<div id="navigation" class="cf">将在IE＆lt; 9上正确显示的样式，或者将nav元素弄乱渲染？

Answer 1

您需要使用html5shiv才能将nav元素插入DOM。另外，nav作为块元素。因此，您需要在CSS中明确添加nav { display: block; }。