Question

我有一个带有我的徽标和导航的垂直标题，由边框分隔。我想保留徽标和边框，同时将导航元素向下移动25px。我该如何实现这一目标？

header {
    background: none;
    float: left;
    margin-top: 123px;
    margin-left: 22px;
    position: fixed;
    width: 158px; 
}
header logo {
    margin-top: ;

}
header nav {
    border-top: 1px solid #202020;
    margin-top: 25px;
    width: 158px;
}
header nav ul li {
    font-family: dalle;
    padding-left: 55px;
}

<header>
        <logo>
            <a href="#"><img src="img/logo.png" alt="whskytngfxtrt logo" height="139" width="158" /></a></li>
        </logo><!-- end logo -->
        <nav>
            <ul>
                <li id="blog"><a href="#">BLOG</a></li>
                <li id="work"><a href="#">WORK</a></li>
                <li id="about"><a href="#">ABOUT</a></li>
                <li id="contact"><a href="#">CONTACT</a></li>
            </ul>
        </nav><!-- end nav -->
    </header><!-- end header -->

Answer 1

只需将padding-top:25px添加到header nav：

header nav {
    border-top: 1px solid #202020;
    margin-top: 25px;
    width: 158px;
    padding-top:25px;
}

Answer 2

添加css：

header nav ul { margin-top:25px }

移动边框向下的元素，同时留下边框顶部？

2 个答案: