css - 同一行左边的标志和右边的菜单

Question

我想要相同的原始格式，左侧是 Logo ，右侧是“联系我们”等菜单。如果我为此制作了 3 个 div 并且我将第一个左边对齐，第三个右边对齐，它不起作用。你怎么会有这个？

Answer 1

Float 将是一种干净、简单的方法。尝试将 Logo 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;
}