请问HTML中导航栏的二级子菜单横向排列,如何实现,本来是列排列的,网...

发布网友 发布时间：2022-04-30 00:09

我来回答

共1个回答

热心网友 时间：2022-05-12 18:01

我直接在你的基础上改了点样式：

<ul style="

    position: relative;

"><li class="ul-li"><a href="http://www.xue01.com">首页</a></li>

<li class="ul-li"><a href="http://www.xue01.com/shubiji/" title="读书笔记">读书笔记</a>

<ul class="xiala"><li class="jianjiao"></li></ul></li><li class="ul-li"><a href="http://www.xue01.com/sanwen/" title="散文">散文</a>

<ul class="xiala" style="

    display: block;

    position: absolute;

    left: 0;

    font-size: 0;

"><li class="jianjiao"></li><li><a href="http://www.xue01.com/sanwen/sanwensi/">散文诗</a></li><li><a href="http://www.xue01.com/sanwen/aiqing/">爱情散文</a></li><li><a href="http://www.xue01.com/sanwen/shuqing/">抒情散文</a></li><li><a href="http://www.xue01.com/sanwen/jingmei/">精美散文</a></li><li><a href="http://www.xue01.com/sanwen/youmei/">优美散文</a></li><li><a href="http://www.xue01.com/sanwen/shanggan/">伤感散文</a></li><li><a href="http://www.xue01.com/sanwen/qinggan/">情感散文</a></li><li><a href="http://www.xue01.com/sanwen/zheli/">哲理散文</a></li><li><a href="http://www.xue01.com/sanwen/xiejing/">写景散文</a></li><li><a href="http://www.xue01.com/sanwen/yingyu/">英语散文</a></li><li><a href="http://www.xue01.com/sanwen/gudai/">古代散文</a></li><li><a href="http://www.xue01.com/sanwen/mingjia/">名家散文</a></li><li><a href="http://www.xue01.com/sanwen/jingdian/">经典散文</a></li><li><a href="http://www.xue01.com/sanwen/qinqing/">亲情散文</a></li><li><a href="http://www.xue01.com/sanwen/youqing/">友情散文</a></li><li><a href="http://www.xue01.com/sanwen/xiewu/">写物散文</a></li><li><a href="http://www.xue01.com/sanwen/xieren/">写人散文</a></li><li><a href="http://www.xue01.com/sanwen/jishi/">叙事散文</a></li><li><a href="http://www.xue01.com/sanwen/jieri/">节日散文</a></li></ul></li><li class="ul-li"><a href="http://www.xue01.com/zawen/" title="杂文">杂文</a>

<ul class="xiala"><li class="jianjiao"></li><li><a href="http://www.xue01.com/zawen/shishipinglun/">时事评论</a></li><li><a href="http://www.xue01.com/zawen/renshengjie/">人生解读</a></li><li><a href="http://www.xue01.com/zawen/sixgouchen/">思想钩沉</a></li><li><a href="http://www.xue01.com/zawen/luantanbagua/">乱弹八卦</a></li></ul></li><li class="ul-li"><a href="http://www.xue01.com/shige/" title="诗歌">诗歌</a>

<ul class="xiala"><li class="jianjiao"></li><li><a href="http://www.xue01.com/shige/xiandai/">现代诗歌</a></li><li><a href="http://www.xue01.com/shige/gufeng/">古风词韵</a></li><li><a href="http://www.xue01.com/shige/aiqing/">爱情诗歌</a></li><li><a href="http://www.xue01.com/shige/zanmei/">赞美诗歌</a></li><li><a href="http://www.xue01.com/shige/shici/">诗词鉴赏</a></li><li><a href="http://www.xue01.com/shige/shanggan/">伤感诗歌</a></li><li><a href="http://www.xue01.com/shige/xiejing/">写景诗歌</a></li><li><a href="http://www.xue01.com/shige/jieri/">节日诗歌</a></li><li><a href="http://www.xue01.com/shige/qinqing/">亲情诗歌</a></li></ul></li><li class="ul-li"><a href="http://www.xue01.com/suibi/" title="随笔">随笔</a>

<ul class="xiala"><li class="jianjiao"></li><li><a href="http://www.xue01.com/suibi/mingjia/">名家随笔</a></li><li><a href="http://www.xue01.com/suibi/shenghuo/">生活随笔</a></li><li><a href="http://www.xue01.com/suibi/qinggan/">情感随笔</a></li><li><a href="http://www.xue01.com/suibi/shu/">读书随笔</a></li><li><a href="http://www.xue01.com/suibi/sanwen/">散文随笔</a></li><li><a href="http://www.xue01.com/suibi/youji/">游记随笔</a></li></ul></li><li class="ul-li"><a href="http://www.xue01.com/yingping/" title="影评">影评</a>

<ul class="xiala"><li class="jianjiao"></li></ul></li><li class="ul-li"><a href="http://www.xue01.com/index.php?m=member" rel="nofollow">会员中心</a></li>

</ul>