Rumah >hujung hadapan web >html tutorial >【求助】UL下的子菜单会自动内联？_html/css_WEB-ITnose
【求助】UL下的子菜单会自动内联？_html/css_WEB-ITnose
- WBOYasal
- 2016-06-21 09:32:41835semak imbas
<!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元素也是有效的。
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何让两个div显示在一行的问题_html/css_WEB-ITnoseArtikel seterusnya：菜单隐藏问题，急啊_html/css_WEB-ITnose