li里面可以包含ul吗？
我这个哪里不对了？？<html><head><style>*{margin:0;padding:0;}body{clear:both;}#mainli{float:lef...
我这个哪里不对了？？
<html>
<head>
<style>
*{margin:0;padding:0;}
body{clear:both;}
#main li{float:left;margin-left:100px;height:30px;width:50px;background:blue;list-style-type:none;text-align:center;line-height:30px;}
#area ul{float:left;}
#area{clear:left;}
#area ul li{height:30px;margin-left:100px;width:50px;background:blue;list-style-type:none;text-align:center;line-height:30px;}
#area ul li ul li{height:30px;margin-left:100px;width:50px;background:blue;list-style-type:none;text-align:center;line-height:30px;}
</style>
<script>
window.onload=function(){
}
</script>
</head>
<body>
<ul id="main">
<li>北京</li>
<li>河北</li>
<li>山东</li>
</ul>
<div id="area">
<ul>
<li>宣武
<ul><li>白纸坊</li>
<li>半步桥</li></ul>
</li>
<li>西城
<ul><li>西单</li>
<li>西四</li></ul>
</li>
<li>东城</li>
</ul>
<ul><li>石家庄</li>
<li>保定</li>
<li>唐山</li>
</ul>
<ul>
<li>济南</li>
<li>淄博</li>
<li>临沂</li>
</ul>
</div>
</body>
</html> 展开
<html>
<head>
<style>
*{margin:0;padding:0;}
body{clear:both;}
#main li{float:left;margin-left:100px;height:30px;width:50px;background:blue;list-style-type:none;text-align:center;line-height:30px;}
#area ul{float:left;}
#area{clear:left;}
#area ul li{height:30px;margin-left:100px;width:50px;background:blue;list-style-type:none;text-align:center;line-height:30px;}
#area ul li ul li{height:30px;margin-left:100px;width:50px;background:blue;list-style-type:none;text-align:center;line-height:30px;}
</style>
<script>
window.onload=function(){
}
</script>
</head>
<body>
<ul id="main">
<li>北京</li>
<li>河北</li>
<li>山东</li>
</ul>
<div id="area">
<ul>
<li>宣武
<ul><li>白纸坊</li>
<li>半步桥</li></ul>
</li>
<li>西城
<ul><li>西单</li>
<li>西四</li></ul>
</li>
<li>东城</li>
</ul>
<ul><li>石家庄</li>
<li>保定</li>
<li>唐山</li>
</ul>
<ul>
<li>济南</li>
<li>淄博</li>
<li>临沂</li>
</ul>
</div>
</body>
</html> 展开
2个回答
展开全部
ul语义上是无序列表，列表项（li）内又有无序列表，从生活经验角度看，这完全是合理的，只要你的列表是无序列表（ul），就能嵌套进去。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
