[问题] jquery伸缩时高度会变化
楼主: a83294 (马岱) 2014-05-08 16:51:35
一直想要做一个横向开合式选单，可是怎么都看到直式的
最后在stackoverflow上面找到这个
jQuery horizontal slide toggle navigation
![]()
按照底下解答弄上去之后，却发现他再触发jqeury开合时
里面那个sub-menu的高度总比外面的 往上提一点，
如图
但是在动画结束之后，却又会自己跳到正确的位置（与外面的同高）
如图
有试过调整height，调整font-size之类都没用，
只有调整line-height:1em这个有用（只有1em有用），可是整个就变很小...
请问这个有解吗？谢谢
最后在stackoverflow上面找到这个
jQuery horizontal slide toggle navigation
按照底下解答弄上去之后，却发现他再触发jqeury开合时
里面那个sub-menu的高度总比外面的 往上提一点，
如图
但是在动画结束之后，却又会自己跳到正确的位置（与外面的同高）
如图
有试过调整height，调整font-size之类都没用，
只有调整line-height:1em这个有用（只有1em有用），可是整个就变很小...
请问这个有解吗？谢谢
作者: serotw (弑龙) 2014-05-09 01:29:00
选单用的TAGNAME是?我只看图片实在不知要如何帮你解惑这样有解决你的问题? http://jsfiddle.net/V932U/2/是，每个浏览器都有它钻牛角尖的地方，解决方法是在CSS加上加上强制高度~http://jsfiddle.net/V932U/3/
作者: mmis1000 (秋月恋枫) 2014-05-09 12:39:00
歪掉似乎是overflow:hidden造成的
作者: hit1205 (帮你把勇气装满) 2014-05-09 14:01:00
overflow 的话... 会不会是 inline-block + overflow 造成的啊 0.0 我上面有篇 #1JPAvXn_ 有提到这种现象因为按照标准 inline-block 的 baseline 会受 overflow影响，只有 webkit 浏览器例外，而 blink 又自己修好了所以 Chrome 会出现 Safari 不会出现...