首頁 >web前端 >html教學 >【求助】UL下的子菜单会自动内联?_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-21 09:32:41836瀏覽

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <style>ul {    margin: 0px;    padding: 0px;	background:#333;	width:949px;}ul li{float:left;      display:inline;	  list-style:none;	  height:30px;	  width:100px;}ul li ul{display:block ;}	  </style> <div style="width:949;"><ul><li><a href="#"><span>ALL</span></a>    <ul>      <li style="display:block"><a href="#"><span>all</span></a></li>      <li style="display:block"><a href="#"><span>all</span></a></li>      <li style="display:block"><a href="#"><span>all</span></a></li>      <li style="display:block"><a href="#"><span>all</span></a></li>    </ul> </li><li><a href="#"><span>name</span></a></li><li><a href="#"><span>name</span></a></li><li><a href="#"><span>name</span></a></li><li><a href="#"><span>name</span></a></li><li><a href="#"><span>name</span></a></li><li><a href="#"><span>name</span></a></li></ul></div>


回复讨论(解决方案)

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <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><a href="#"><span>ALL</span></a>    <ul>      <li style="display:block"><a href="#"><span>all</span></a></li>      <li style="display:block"><a href="#"><span>all</span></a></li>      <li style="display:block"><a href="#"><span>all</span></a></li>      <li style="display:block"><a href="#"><span>all</span></a></li>    </ul> </li><li><a href="#"><span>name</span></a></li><li><a href="#"><span>name</span></a></li><li><a href="#"><span>name</span></a></li><li><a href="#"><span>name</span></a></li><li><a href="#"><span>name</span></a></li><li><a href="#"><span>name</span></a></li></ul></div>

为什么我在

    为什么我在


      作用是有的,但你写的ul样式中设置了宽度值,这个样式对li内部的ul元素也是有效的。
    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn