html导航一级宽度二级宽度,如何使用CSS控制二级导航菜单宽度？_html/css_WEB-ITnose...

回复讨论(解决方案)

.menu li ul a{

display:block;

font-size:12px;

text-align:left;

}

给这句话重设padding;

padding:0 0px;

哦，看错了，修改下面的width值。

.menu li li{

display:block;

width:130px;

}

还有这个的width值

.menu li ul{

background:#e0e0e0; /*设置二级菜单背景色*/

border-left:2px solid #007962; /*设置菜单左边框样式和颜色.*/

display:none; /*不再设置为块状显示效果*/

height:auto;

position:absolute;

width:130px;

z-index:200;

margin:0px;

}

我觉得可以这样来处理

CSS样式

.menu .ul 定义最外层UL的样式。

.menu .ul li

.menu .ul ul定义里面UL的样式，这样用的的确比较少，楼主可以试一下。

或者再定义一样样式直接附给里面的UL

.kuan {width:100px;}

先定位问题，看是那个样式改变的这个宽度值，，如果不知道，，使用火狐，chrome或者IE高版本浏览器，对于你要查看的导航栏右键查看元素，，浏览器就会出现新的显示框，对于指定的标签元素，采用的哪些有效样式都可以查看到，找到对应的宽度控制样式，改变即可

声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理