导航条内容不能靠左显示

导航条内容不能靠左显示

仿穷游head部分导航条代码如下,其内容<机酒自由行>不能靠左是什么原因?图片描述
图片描述

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

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

1回答
好帮手慕久久 2022-05-03 14:44:50

同学你好,可能是黑色背景区中的内容高度超出了,从而把绿色背景区左侧空间占据了:

https://img1.sycdn.imooc.com//climg/6270cf05093b3ebd12250204.jpg

https://img1.sycdn.imooc.com//climg/6270cf1e097a6ce111660221.jpg

建议检查黑色区域内容的高度样式。

如果自己检查不出来,需要把全部代码粘贴出来,标注一下是哪个文件中的代码,老师测试一下,再为你解答。

祝学习愉快!

  • 提问者 weixin_慕沐9050777 #1

    谢谢老师,刚开始觉得内容会自动撑开,所以没加高度,后面我添加了高度后解决了这个问题。另外还有个问题是慕云游项目的banner-nav--------ul-----li元素css样式表里已经写了position:relative;而后制作测导航图标时候在li元素css样式表里写position:absolute;这是什么原理呢?

    2022-05-03 17:56:35
  • 是说如下代码吗?

    https://img1.sycdn.imooc.com//climg/6271003c0914af2007130115.jpg

    https://img1.sycdn.imooc.com//climg/6271004c0970ec5808510243.jpg

    如果是的话,目的是让图标(::before)相对于li定位,类似于“子绝父相”。图标的left、top等值,是相对于li定位的?还是相对于其他元素的?最好我们手动指定一下:

    https://img1.sycdn.imooc.com//climg/627100fb0994a75a07480131.jpg

    如果不是这里,可以把相关代码截下图,老师看下再为你解答。

    2022-05-03 18:17:02
  • 明白了,谢谢老师



    2022-05-04 10:41:33
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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