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 padding。我认为这是问题所在。

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;}

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

2 个答案: