html为什么文字会自动换行,为什么加上文字就会自动换行

源自：3-1 jQuery方法实现下拉菜单显示和隐藏

为什么加上文字就会自动换行

*{margin: 0px; padding: 0px;}

#nav{background-color: #eee; width: 600px; height: 40px; margin: 0 auto;}

ul{list-style: none;}/*去除列表的小圆点*/

ul li{float: left; line-height: 40px; text-align: center; position: relative;}/*左浮动 文字的行高设置 水平居中 相对定位*/

a{text-decoration: none; color: red; display: block; padding: 0 10px;}/*去除链接的下划线 字体颜色 a标签变区块 内边距*/

a:hover{color: #fff;background-color: #666;}/*鼠标停滞字体颜色 背景颜色*/

ul li ul li{float: none; background-color: #eee; margin-top: 2px;}/*去除浮动 背景颜色 设置上外边距*/

ul li ul{position: absolute; left: 0px; top: 40px; display: none;}/*绝对定位(要是二级菜单添加内容 一级菜单不会随着二级菜单的增加而增加) 左距离 上距离 隐藏*/

ul li ul li a:hover{background-color:#06f;}/*背景颜色*/

ul li:hover ul{display: block;}/*鼠标经过显示*/

提问者：冷落

2015-01-29 12:02