问答详情
源自:2-3 鼠标浮动效果

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

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

提问者:无忧无虑敲代码 2016-08-20 17:25

个回答

  • 左右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,  划过的时候减掉边框的高度就行了   我是这么解决的