当前位置:Gxlcms > html代码 > 【求助】UL下的子菜单会自动内联?_html/css_WEB-ITnose

【求助】UL下的子菜单会自动内联?_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:45人阅读

  1. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style>ul { margin: 0px; padding: 0px;
  2. background:#333;
  3. width:949px;}ul li{float:left; display:inline;
  4. list-style:none;
  5. height:30px;
  6. width:100px;}ul li ul{display:block ;}
  7. </style> <div style="width:949;"><ul><li><span>ALL</span> <ul> <li style="display:block"><span>all</span></li> <li style="display:block"><span>all</span></li> <li style="display:block"><span>all</span></li> <li style="display:block"><span>all</span></li> </ul> </li><li><span>name</span></li><li><span>name</span></li><li><span>name</span></li><li><span>name</span></li><li><span>name</span></li><li><span>name</span></li></ul></div>


回复讨论(解决方案)

自动内联?
不明白楼主的意思。

自动内联?
不明白楼主的意思。 要实现2级菜单的效果。
-------------------
!
!
!
这种效果 但是出来是这种效果-------------------
-------------------

  1. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style>ul.menu { margin: 0px; padding: 0px; background:#333; width:949px;}ul.menu li{float:left; display:inline; list-style:none; height:30px; width:100px;}ul.menu li ul{display:block ;} </style> <div style="width:949;"><ul class="menu"><li><span>ALL</span> <ul> <li style="display:block"><span>all</span></li> <li style="display:block"><span>all</span></li> <li style="display:block"><span>all</span></li> <li style="display:block"><span>all</span></li> </ul> </li><li><span>name</span></li><li><span>name</span></li><li><span>name</span></li><li><span>name</span></li><li><span>name</span></li><li><span>name</span></li></ul></div>

为什么我在

    为什么我在


      作用是有的,但你写的ul样式中设置了宽度值,这个样式对li内部的ul元素也是有效的。

人气教程排行