html - 定位在页眉和分区内

Question

由于代码很长，我已经弄好了

<header>
    <div>
    </div>
</header>

fiddle :http://jsfiddle.net/9zWm9/34/

问:你能告诉我为什么我的列表项没有与标题框中的导航对齐吗？

要求:我希望我的列表项

正好位于标题框的中心，行高为 3em。

提前致谢。

Answer 1

要水平对齐您的 ul，您需要清除 float ，我已经使用带有 class="clear"的 br 元素完成了此操作

.clear { clear:both; }

为了垂直放置

，我使用了 position:relative;最高:15%；看看这个 fiddle

如果您不想在 li 元素上设置位置，还有另一种方法，您应该在 ul 元素上设置行高(而不是高度)。

看看这个 fiddle