导航栏内的 CSS 定位

Question

我正在学习如何根据 tutorial here 制作响应式网站-- 这是我的 demo project ) 但我遇到了一个问题:我无法在 <ul> 的右侧放置任何内容在<nav>里面.由于某种原因，所有内容(包括显示未设置为“无”时的 #pull 链接)都低于 <nav>和 <ul> .我想在 <ul> 右边的某处创建一个登录表单在<nav>而且我这辈子都想不出怎么做。

我确定这只是一个我无法弄清楚的基本 CSS 定位问题，因为我是新手，但我只需要在 <nav> 上放置更多内容。我不知道该怎么做。

Answer 1

宽度的限制是问题所在:看到类 nav ul 有 width: 600px; 你需要修改 nav ul 的宽度大小在所有样式表中。

示例:https://www.dropbox.com/s/itz8j1aeyyyufbh/Screenshot%202014-01-02%2020.10.07.png

nav ul {
  height: 40px;
  margin: 0 auto;
  padding: 0;
  width: 700px;
}