使用 960 网格时导航菜单无法正确居中

Question

我正在尝试为某人创建基本档案，并正在练习使用 960 网格系统。

从那时起，我已经掌握了使用网格足以定位大多数元素的技巧，但是菜单对我来说似乎有点偏离，右侧似乎比左侧大，即使我将菜单本身居中且其宽度为 100% 。

有人知道它为什么会播放吗？

网站网址为 http://digitalgenesis.com.au/sites/alice css 是 http://digitalgenesis.com.au/sites/alice/css/main .css

Answer 1

减少“.nav a:hover”-s 填充。我认为这就是问题所在。

Answer 2

尝试这样的 CSS：

.nav{margin-top: 20px;background:black; color:white;  padding-top:10px; padding-bottom:10px;text-align:center; }

.nav li{display:inline; }
.nav a:hover{background:white; color:black; padding:10px 0px 10px 0px;}
.nav a{text-decoration:none; color:white; }
.footer{background:black; color:white; margin-top:20px; position:fixed; width:100%; bottom:0px;}

#top{width:100%; background:black; color:white;}

.title{font-size:26px; margin-top:45px; padding-left :10px;}

.wrapper{margin-top:50px;}

.logo{margin-left:0px;}