侧边导航栏展开后子菜单宽度多出1px问题

文章探讨了在导航栏中遇到一级菜单与二级菜单宽度不一致的问题,通过分析盒子模型和样式,发现一级菜单缺少1px的情况。通过检查导航栏菜单样式,找到了问题源头并提出解决方案,只需添加一条CSS属性即可修复。本文旨在分享解决问题的思路,即逐步排查直至找到问题根源。
摘要由CSDN通过智能技术生成

侧边导航栏展开后子菜单宽度多出1px问题

一、应用场景

在这里插入图片描述
       可以看到在导航栏的一级菜单与二级菜单长度不一致,对于我们这种强迫症来说当然受不了啦,因此我们要让他们长度一致。那为什么会出现这种情况呢?

二、出现原因

在这里插入图片描述
在这里插入图片描述
      上面两张图分别是一级菜单与二级菜单的盒子模型,可以看到二级菜单的总宽度才是我们设置的200px,那么问题也就是出在了一级菜单上,盘它!查看它的样式,在它的样式里居然没找到原因!!??没办法了,那就只能再往上找一层了。既然一级菜单样式里没找到,那么我们就到导航栏菜单样式看看,在这里我终于找到了万恶之源。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值