[問題] jquery伸縮時高度會變化

[a83294 (馬岱)]

一直想要做一個橫向開合式選單，可是怎麼都看到直式的
最後在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://www.ptt.cc/bbs/Web_Design/M.1399539098.A.E4A.html
→ serotw:選單用的TAGNAME是?我只看圖片實在不知要如何幫你解惑
抱歉講得很不明白，這邊是code http://jsfiddle.net/V932U/
然後我發現只有在safari沒有這個問題，ff跟GC都會有跑掉的感覺...

→ serotw:這樣有解決你的問題? http://jsfiddle.net/V932U/2/
變得很微妙，變link的部分往下掉了http://imgur.com/WZqm3lB 是瀏覽器問題嗎...
※ 編輯: a83294 (140.121.146.35), 05/09/2014 10:39:51
→ serotw:是，每個瀏覽器都有它鑽牛角尖的地方，解決方法是在CSS加上
→ serotw:加上強制高度~http://jsfiddle.net/V932U/3/
→ mmis1000:歪掉似乎是overflow:hidden造成的
推 hit1205:overflow 的話... 會不會是 inline-block + overflow 造成
→ hit1205:的啊 0.0 我上面有篇 #1JPAvXn_ 有提到這種現象
→ hit1205:因為按照標準 inline-block 的 baseline 會受 overflow
→ hit1205:影響，只有 webkit 瀏覽器例外，而 blink 又自己修好了
→ hit1205:所以 Chrome 會出現 Safari 不會出現...