700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html二级菜单的自动宽度 如何使用CSS控制二级导航菜单宽度?_html/css_WEB-ITnose

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

时间:2023-10-05 08:31:11

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。