Question

怎么在横向的导航栏中插二级导航栏，代码和创CSS都行

Answer 1

下面的是案例你参考一下，直接新建一个页面放到body里面运行就可以了
<style type="text/css">

*{margin:0;padding:0;border:0;}
body {
font-size:12px;
}
#xiela {
line-height: 24px; list-style-type: none; background:#666;
}

#xiela ol {
float: left; width: 80px; background:#CCC;
}

#xiela ol ul {
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 180px; position: absolute;
}
#xiela ol ul li{
float: left; width: 180px;
background: #F6F6F6;
}
#xiela ol ul a{
display: block; width: 178px;text-align:left;padding-left:24px;
}

#xiela ol:hover ul {
left: auto;
}
#xiela ol.sfhover ul {
left: auto;
}

</style>
<script type=text/javascript>
function menuFix() {
var sfEls = document.getElementById("xiela").getElementsByTagName("ol");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;
</script>
<ul id="xiela">

<ol><a href="#">关于我们</a>
<ul>
<li><a href="#">关于我们1</a></li>
<li><a href="#">关于我们1</a></li>
<li><a href="#">关于我们1</a></li>
</ul>
</ol>

<ol><a href="#">关于我们</a>
<ul>
<li><a href="#">关于我们1</a></li>
<li><a href="#">关于我们1</a></li>
<li><a href="#">关于我们1</a></li>
</ul>
</ol>

<ol><a href="#">关于我们</a>
<ul>
<li><a href="#">关于我们1</a></li>
<li><a href="#">关于我们1</a></li>
<li><a href="#">关于我们1</a></li>
</ul>
</ol>

</ul>

追问

他说第八行有错误是啥意思呢，还有我们之后结束是</li>，那</ol>是什么？

追答

你将代码给换行就不会有错误了的，做成我和一样的就可以了，这样也方便阅读啊，那个ol是li一个意思了，只是用ol方便控制样式了

Answer 2

能具体一些么？