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

html教程评论419 views阅读模式
    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高版本浏览器,对于你要查看的导航栏右键查看元素,,浏览器就会出现新的显示框,对于指定的标签元素,采用的哪些有效样式都可以查看到,找到对应的宽度控制样式,改变即可

企鹅博客
  • 本文由 发表于 2020年8月24日 08:36:19
  • 转载请务必保留本文链接:https://www.qieseo.com/361289.html

发表评论