second-menu的dl直接和第一个dl并列的话,高度设为100%,则它显示的时候只会和li高度一直,不会撑满整个ul,这怎么办呢

second-menu的dl直接和第一个dl并列的话,高度设为100%,则它显示的时候只会和li高度一直,不会撑满整个ul,这怎么办呢

: : : : :
<ul id="banner-nav-ul">
  <li class="hot">
     <dl class="first-menu">
        <dt>热门出发地</dt>
        <dd>
           <span>北京</span><span>上海</span><span>广深</span><span>西南</span><span>国内其他</span>
        </dd>
     </dl>
     <dl class="second-menu">
        <dt>港澳台</dt>
        <dd>
           <a href="">香港</a>
           <a href="">澳门</a>
           <a href="">台北</a>
           <a href="">高雄</a>
           <a href="">香港迪士尼</a>
           <a href="">香港海洋公园</a>
           <a href="">交通接驳</a>
           <a href="">澳门</a>
           <a href="">塔新濠天地水舞间</a>
           <a href="">澳门豪华自助 台北101</a>
           <a href="">台湾美食</a>
        </dd>
     </dl>
  </li>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2022-03-01 10:09:29

同学你好,ul是6个li那么高,second-menu设置100%高度会和li一样高,将其高度设置成600%(6个li那么高),理论上可以和ul一样高,同学试试。

祝学习愉快!



  • 提问者 DanielDu87 #1

    会差着一点点宽度,应该是的边框的部分,要怎么改呢

    2022-03-01 12:43:01
  • 提问者 DanielDu87 #2

    差着一点点高度,打错了

    2022-03-01 12:43:19
  • 好帮手慕久久 回复 提问者 DanielDu87 #3

    边框可能会造成计算误差,建议不使用border属性。可以使用一个其他元素,将其宽度设置成100%,高度设置成1px,添加个背景色,然后定位到li底部,变相形成一个边框,例如:

    https://img1.sycdn.imooc.com//climg/621daa3a0980d97e07100310.jpg

    2022-03-01 13:08:25
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码