ul,li{margin:0padding:0list-style:none}
.menu{width:960pxheight:25pxbackground:#46B421margin-left:automargin-right:auto}
.menu ul{width:960pxheight:auto}
.menu ul li{display:inline-blockwidth:120pxline-height:25pxtext-align:centerfont-size:12pxcolor:#ffffff}
</style>
<div class="menu">
<ul>
<li>首页</li><li>分类</li><li>公社</li><li>问医生</li><li>问律师</li><li>企业</li><li>经验</li><li>买什么</li>
</ul>
</div>
<style>
ul,li{margin:0padding:0list-style:none}
.menu{width:960pxheight:25pxbackground:#46B421margin-left:automargin-right:auto}
.menu ul{width:960pxheight:auto}
.menu ul li{display:blockfloat:leftwidth:120pxline-height:25pxtext-align:centerfont-size:12pxcolor:#ffffff}
</style>
<div class="menu">
<ul>
<li>首页</li>
<li>分类</li>
<li>公社</li>
<li>问医生</li>
<li>问律师</li>
<li>企业</li>
<li>经验</li>
<li>买什么</li>
</ul>
</div>
上面那段li之间不能回车,,因为回车后,宽度会增加,好处是没有做浮动,不会出现浮动错位,下面是用浮动,放到你网页的时候要检查好。
带有float的块元素是不能让它居中的,只能是左浮动,有浮动,如果想让它居中的话,你得把float去掉,然后加上 {margin: 0 auto}这个是居中显示的,意思是上下边距为0 ,左右边距自适应,这样它就相对于上一级的块元素居中显示了,最好你给这个块元素定义一个宽度。CSS浮动标签填充表单查看注释,与表单相关的代码从第 145 行开始。NameEmailSubject代码解释1、标签的使用原因与占位符(Placeholders )相同,但当文本在输入字段中时不会消失,因为它允许用户始终查看所需的信息。2、查看注释,与表单相关的代码从第 145 行开始。3、默认情况下,输入字段在聚焦(focus)时具有轮廓。*4、占位符(Placeholders )用于向用户显示他们各自的字段中需要哪些信息。5、占位符(Placeholders )是使用 placeholder="" 属性创建的。6、默认情况下,当文本填充输入字段时,占位符(Placeholders )会消失。 这会影响 :placeholder-shown 伪选择器。*