html - 在 html5 中对齐图像

Question

我有这个代码:

<header>
    <div id="title">                
        <img alt="logo" src="/Content/logo.gif" />
    </div>
    <nav>
        <ul id="menu">
            <li>Products</li>
            <li>Auctions</li>
            <li>Segmentation</li>
        </ul>
    </nav>
</header>

生成这个:

我希望图像位于白框上方(它会根据图像对齐)。我该怎么做？

顺便说一句，我使用默认的 asp.net mvc3 模板。

谢谢。

Answer 1

我假设您正在 float 这些元素。如果是这样，请尝试设置 header 的溢出属性:

header {
   overflow: auto
}