left和right为什么还是居中？_html/css_WEB-ITnose

body{
height:100%;
width:100%;
border:none;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
background-color:#FFF;
margin:0;
padding:0;
text-align:center;
}
.mass{
width:951px;
}
.border{
border:#906 solid 1px;
}
#nav{
width:auto;
}
#nav.left{
float: left;
width: 371px;
}
#nav.right{
float: right;
width: 580px;
}

回复讨论(解决方案)

body 去掉text-align:center

但是我想实现 在同一行left在左，right在右的情况。我参考一个教程上的，但是不行

不是float. 
可以用text-align:left/right/center 来实现.

还是不行啊....

#nav和.left之间要要空格
#nav .left{
#nav .right{

#nav和.left之间要有空格
#nav .left{
#nav .right{