给li加边框后 ul的高度就增加了 每次滑过li ul就变
来源：2-3 鼠标浮动效果
无忧无虑敲代码
2016-08-20 17:25
给li加边框后 ul的高度就增加了 每次滑过li ul就变，很烦 这个问题怎么解决 为什么老师的代码没有出现这个问题 难道是浏览器问题？ 请问怎么解决
写回答
关注
3回答
-
- 左右012
- 2016-08-20 20:45:25
li加上边框后,li的实际高度就等于li原来的高度加上li上下边框的高度了，所以要提前把li的高度减去li上下边框的总高度，然后再加边框就不会影响原来ul的高度了。
-
- 冰saya
- 2016-08-21 13:18:50
仔细看了下 ，老师代码里也有这样的问题， 视频里面 苏宁页面也有这个问题，可能算是界面效果吧，不用改他没事
-
- 冰saya
- 2016-08-20 23:40:33
划过li的时候 在li：hover下加 height: 28px; line-height: 28px; 因为原来li 为height: 30px; line-height: 30px; 加了边框为border 1px， 划过的时候减掉边框的高度就行了 我是这么解决的
商城分类导航效果
两种方法实现分类导航，同时扩展讲解其它商城分类导航的制作方法
63737 学习 · 276 问题
相似问题