Html ul等级与网站徽标不一致

我的导航UL项目未与我的网站徽标内联显示：徽标大小是否可能？我尝试将width属性添加到#徽标中，但它没有反应

问题图片：

徽标属性：496px x 109

HTML

    <!--Navigation!!!-->
    <nav>
        <div id="logo"><img src="images/White.png"></div>
        <label for="drop" class="toggle">Menu</label>
        <input type="checkbox" id="drop"/>
        <ul class="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">Pricing</a></li>
            <li><a href="#">Faq</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </nav>

---

尝试将边距顶部：10px添加到UL部分

您的CSS正在为#徽标选择器的徽标顶部添加填充。这可能就是间距的来源。如果要消除徽标上的额外间距，请更改#徽标选择器的线条，如下所示：

#logo {
    display: block;
    float: left;
    padding: 0 0 0 30px;
}

对于下面的媒体查询行：

@media (max-width:768px) {
    #logo {
        display: block;
        width: 100%;
        text-align: center;
        float: none;
        padding: 0 0 0 10px;
    }
}

此外，您的徽标图像可能在您可以看到的零件周围有透明的空间？有时，如果图像修剪不正确，可能会导致无意的间距错误

如果你能提供一个链接到标志图像文件本身，我们可以尝试排除这个潜在的问题

@media (max-width:768px) {
    #logo {
        display: block;
        width: 100%;
        text-align: center;
        float: none;
        padding: 0 0 0 10px;
    }
}