左侧徽标和右侧菜单位于同一行

Question

我想要在相同的原始中，在左侧有一个徽标，在右侧有一个菜单，例如“联系我们”。如果我为此制作 3 个 div，并对齐第一个左侧和第三个右侧，则它不起作用。你怎么能有这个？

Answer 1

浮动将是一种干净、简单的方法。尝试将徽标 div 向左浮动，将菜单 div 向右浮动，如下所示：

HTML：

<div id="navbar">
 <div id="logo">Logo</div>
 <div id="navmenu">Nav menu</div>
</div>

CSS：

div#logo {
  float: left;
}

div#navmenu {
  float: right;
}