作者a83294 (马岱)
看板Web_Design
标题[问题] jquery伸缩时高度会变化
时间Thu May 8 16:51:35 2014
一直想要做一个横向开合式选单，可是怎麽都看到直式的
最後在stackoverflow上面找到这个
jQuery horizontal slide toggle navigation
http://ppt.cc/QTrG
按照底下解答弄上去之後，却发现他再触发jqeury开合时
里面那个sub-menu的高度总比外面的 往上提一点，
如图
http://imgur.com/lBZoAn7
但是在动画结束之後，却又会自己跳到正确的位置（与外面的同高）
如图
http://imgur.com/hNXLIdv
有试过调整height，调整font-size之类都没用，
只有调整line-height:1em这个有用（只有1em有用），可是整个就变很小...
请问这个有解吗？谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 140.121.146.35
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1399539098.A.E4A.html
1F：→ serotw:选单用的TAGNAME是?我只看图片实在不知要如何帮你解惑 05/09 01:29
抱歉讲得很不明白，这边是code
http://jsfiddle.net/V932U/
然後我发现只有在safari没有这个问题，ff跟GC都会有跑掉的感觉...
变得很微妙，变link的部分往下掉了
http://imgur.com/WZqm3lB 是浏览器问题吗...
※ 编辑: a83294 (140.121.146.35), 05/09/2014 10:39:51
3F：→ serotw:是，每个浏览器都有它钻牛角尖的地方，解决方法是在CSS加上 05/09 10:45
5F：→ mmis1000:歪掉似乎是overflow:hidden造成的 05/09 12:39
6F：推 hit1205:overflow 的话... 会不会是 inline-block + overflow 造成 05/09 14:01
7F：→ hit1205:的啊 0.0 我上面有篇 #1JPAvXn_ 有提到这种现象 05/09 14:01
8F：→ hit1205:因为按照标准 inline-block 的 baseline 会受 overflow 05/09 14:02
9F：→ hit1205:影响，只有 webkit 浏览器例外，而 blink 又自己修好了 05/09 14:02
10F：→ hit1205:所以 Chrome 会出现 Safari 不会出现... 05/09 14:02