html - 如何在将 Logo 留在原处的同时向上拉伸(stretch)导航栏？

Question

我希望导航栏上的蓝色移到顶部，以便覆盖灰色但不会覆盖边框，我还希望 Logo 保留在原处。

代码在这里。 http://pastebin.com/YDM1PFMe

Answer 1

您需要将 margin-top 更改为 padding-top，否则边距只会将内容向下推 50px。

.sideimage {
    text-align: center;
    padding-top: 50px;
}

这是一个 JS Fiddle https://jsfiddle.net/0w742c4f/1/