作者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/m.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