Question

div css UL li 设置

#body{
background:bule;
text-align:center;
}
#nav{
background:red;
width:600px;
height:20px;
}
#nav ul{margin:0px auto;
background:gray;
width:600px;
height:20px;
list-style:none;
}
#nav ul li{
width:100px;
height:20px;
font:"宋体", "新宋体", "Adobe 楷体 Std R";
float:left;
textalign:center;

}
//-->
</style>

<div id="nav">
<ul>
<li>home</li>
<li>home</li>
<li>home</li>
<li>home</li>
<li>home</li>
<li>home</li>
</ul>
</div>

问题：1.为什么背景色设置没有起作用？？
2.为什么不居中显示 textalign:center 和margin:0 auto都改变不了。
3.为什么#nav #nav ul不重叠居中显示 会超出范围不对齐。

请指点哈 谢谢。。

Answer 1

①#nav{
background:red <- 容器背景色
}
#nav ul{
background:gray; <-代表 ul整体背景色
}

两者都起到了作用，若想改变单个<home>背景色 应在#nav ul li{}内添加；

②text-align:center <-字体居中 并非容器居中

"margin:0 auto;" 应该在写#nav{}内；使其居中显示；

③在#nav ul li{}加入 margin:0px; padding:0px;试试看

Answer 2

你说的是那个背景色没去作用啊 。如果是body的话是因为你设定的#nav的优先权高于body标记，所以没显示。
你说的不居中，是因为你没设定让ul块状显示，而text-align一般用于文本，且在不同的浏览器中显示的是不同的。建议你把块状显示然后让其自动居中。
至于第三个问题应该是你没去除他们的默认外边距和内边距。