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

New Document

首页

新闻国际新闻

国内新闻

体育新闻

财经股票市场

证券行情

基金保险

联系我们

回复讨论(解决方案)

.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中文网