空白CSS/HTML_Html_Css - Fatal编程技术网

空白CSS/HTML

html css

空白CSS/HTML,html,css,Html,Css,我对一些CSS/HTML有一个小问题。我不确定那是什么。我认为我很愚蠢，但我不确定问题是这条白线： CSS HTML 项目2 从.nav行div中删除溢出：隐藏，可以修复它或添加溢出：自动到您的导航： .main-header nav { height: 40px; width: 100%; background:#000; padding: 15px 0px; overflow:auto; } 无论哪种方式，您的顶部容器内容都

我对一些CSS/HTML有一个小问题。我不确定那是什么。我认为我很愚蠢，但我不确定

问题是这条白线：

CSS

HTML


项目2

从.nav行div中删除

溢出：隐藏

，可以修复它

或添加

溢出：自动到您的导航：
.main-header nav {
    height: 40px;
    width: 100%;
    background:#000;
    padding: 15px 0px;
    overflow:auto;
}


无论哪种方式，您的顶部容器内容都会将其下方的内容向下推大约一个像素。我认为您的问题在于img/menu-bg.png，它有一行白色像素或60%黑色像素。
为什么不使用背景：#000
 徽标正在推动生产线。它的行高度太高，无法放入父级，因此，设置.main header.logo{line height:11px；}
可以解决此问题
请注意，这不是唯一的解决方案，而是指向间隙原点的解决方案。您还可以通过在父对象上设置高度并隐藏溢出来解决此问题。什么白线？从你贴的图片我看不出来。你的问题很不清楚。您已经发布了一张图片，它几乎没有暗示它与您所附加的DOM和CSS的连接
    <!DOCTYPE HTML>
<html>
    <head>
        <title>Project 2</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" type="text/css" href="style.css">
    </head>

    <body>
        <header class="main-header">
            <nav>
                <div class="logo">
                    <h2><a href="#">Project 2</a></h2>
                </div>
                <ul>
                    <li><a class="active" href="#">Home</a></li>
                    <li><a href="#">Features</a></li>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Team</a></li>
                </ul>
            </nav>
            <div class="nav-line"></div>
        </header>
    </body>
</html>

.main-header nav {
    height: 40px;
    width: 100%;
    background:#000;
    padding: 15px 0px;
    overflow:auto;
}