html - 使用 float 将元素放置在 CSS 的右侧

Question

我正在尝试使用粘在页面右侧的联系按钮来制作导航栏。我希望联系人与导航栏的其余元素对齐，但是当我添加float: right;它时，它只会使我的导航栏不对齐，并且不会将联系人向右移动。

在这里你可以看到我的代码：http: //jsfiddle.net/LG2vR/19/

有人可以告诉我完成此任务的正确方法吗？

谢谢！

标签： htmlcss

Answer 1

只需添加：

nav ul li a {
  float: left;
}

就在之前：

nav ul li a.contact {
  float: right;
}

或使用flexbox！