html - CSS图像未触及顶部

我正在创建一个水平的导航栏，触摸屏幕的两种尺寸。唯一的问题是它没有触及顶部（http://i.imgur.com/0zhNHgz.png，因为您可以看到黄色矩形没有触及顶部），我已经在CSS中这样做了：

html, body
{
    margin:0;
    padding:0;
}

HTML代码：

<div id="nav">
    <ul>
        <li><a href="/test">HOME</a></li>
    </ul>
</div>

我究竟做错了什么？

最佳答案

您的<ul>设置为display：block;默认情况下。您将看到在其之前的换行符。您必须在CSS中使用margin-top：-10px;

关于html - CSS图像未触及顶部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24982263/