为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/JavaScript

/商城分类导航效果

给li加边框后 ul的高度就增加了 每次滑过li ul就变

给li加边框后 ul的高度就增加了 每次滑过li  ul就变，很烦  这个问题怎么解决   为什么老师的代码没有出现这个问题 难道是浏览器问题？ 请问怎么解决

无忧无虑敲代码

2016-08-20

源自：商城分类导航效果  2-3

关注问题 我要回答
3327
操作
收起

正在回答

3 回答

左右012 回答被采纳 +3 积分
2016-08-20

li加上边框后,li的实际高度就等于li原来的高度加上li上下边框的高度了，所以要提前把li的高度减去li上下边框的总高度，然后再加边框就不会影响原来ul的高度了。

2 回复 有任何疑惑可以回复我~
收起回答
#1

无忧无虑敲代码 提问者

好
2016-10-22 回复 有任何疑惑可以回复我~
冰saya
2016-08-21

仔细看了下 ，老师代码里也有这样的问题，  视频里面  苏宁页面也有这个问题，可能算是界面效果吧，不用改他没事

1 回复 有任何疑惑可以回复我~
收起回答
冰saya
2016-08-20

划过li的时候   在li：hover下加             height: 28px;  line-height: 28px;   因为原来li  为height: 30px;  line-height: 30px;   加了边框为border 1px，  划过的时候减掉边框的高度就行了   我是这么解决的 

1 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
商城分类导航效果
  • 参与学习       63737    人
  • 解答问题       276    个

两种方法实现分类导航，同时扩展讲解其它商城分类导航的制作方法

进入课程

本课相似问答

4 回答列表制作ul,li,相关问题

2 回答dl dt dd 和ul li有什么区别吗·

4 回答ul 为什么要加display:block

2 回答hover li时左边为什么会有个很粗的边框线

1 回答1.为什么ul要加display:block属性 2.为什么加了padding-left元素宽度没有撑大
搜索更多本课相关问答

给li加边框后 ul的高度就增加了 每次滑过li ul就变

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信