我正在学习如何按照此处的教程制作响应式网站 http://www.hongkiat.com/blog/responsive-web-nav/
我遇到了一个问题:我无法在 NAV 内将任何东西定位到正确的 UL 并且仍然保持 UL 在屏幕中居中。出于某种原因，即使
ul{display:inline-block;}
和
nav{text-align:center;}
#pull 链接会将 UL 推向左侧，不再居中。我想让一个登录表单 float 到 NAV 中 UL 的右侧，其中 #pull 现在在 中，我无法终生弄清楚如何在保持 UL 完全居中于屏幕的同时做到这一点，无论如何位于 UL 的右侧似乎将 UL 推到一边，尽管它应该始终居中。
我确定这只是一个我无法弄清楚的基本 CSS 定位问题，因为我是新手，但我只需要在 上放置更多内容，但我不知道该怎么做。
JSFiddle
最佳答案
一个简单的方法是使用 position CSS 属性将“菜单”按钮定位在 UL 上。确保使用 position:relative 属性设置导航标签，然后选择菜单按钮并设置以下内容:
position:absolute;
top:0;
right:0;
这应该使菜单按钮保持在右上角，尤其是在响应式网页设计的情况下。
参见 fiddle :http://jsfiddle.net/p3tK5/
关于html - CSS 导航栏 UL 未居中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20930677/