html - 我需要 Logo 与导航栏重叠

Question

我希望 Logo 像这样重叠在我的导航栏上:

到目前为止，我有这个:

如您所见， Logo 只会使导航栏变大，如何使 Logo 与导航栏重叠？ 代码笔是 https://codepen.io/anon/pen/NvqbLo

我认为问题出在 CSS 上:

.topnav a {
  float: left;
  display: block;
  color: #777;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

Answer 1

Logo 应该是float:left，菜单标签应该是float:right

.topnav a {
  float: left;
  display: block;
  color: #777;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
   background-color: #134095;
  margin-left:3px;
  color:#fff;
}

也在 coded your link 更新