Heim >Web-Frontend >HTML-Tutorial >【求助】UL下的子菜单会自动内联？_html/css_WEB-ITnose
【求助】UL下的子菜单会自动内联？_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2016-06-21 09:32:41854Durchsuche
<!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元素也是有效的。
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：如何让两个div显示在一行的问题_html/css_WEB-ITnoseNächster Artikel：菜单隐藏问题，急啊_html/css_WEB-ITnose