我希望你們中的一個CSS大師可以幫助我找出爲什麼我的代碼不工作!這裏是我的網站:WordPress的菜單項浮動右和垂直對齊問題
當瀏覽器窗口> 600個像素,「聯繫電話」菜單項是浮動的權利,在菜單欄中垂直居中。 (在FireFox和Chrome上)
但是,當瀏覽器<爲600像素時,菜單項不再浮動。而且,在Chrome和iOS設備上,菜單項垂直放置在菜單欄下方。 (很難看!)
任何想法?
我希望你們中的一個CSS大師可以幫助我找出爲什麼我的代碼不工作!這裏是我的網站:WordPress的菜單項浮動右和垂直對齊問題
當瀏覽器窗口> 600個像素,「聯繫電話」菜單項是浮動的權利,在菜單欄中垂直居中。 (在FireFox和Chrome上)
但是,當瀏覽器<爲600像素時,菜單項不再浮動。而且,在Chrome和iOS設備上,菜單項垂直放置在菜單欄下方。 (很難看!)
任何想法?
在css文件中添加width:100%
到.nav-menu
。
嗯,我沒有得到這個問題。然而,
你不應該包括在同一個ul
。相反,您應該單獨製作div
並將其浮動到右側(float:right;
),然後將實際菜單分別浮動到左側(float:left;
)。
p.s. 請勿加width: 100%
至.nav-menu
。這隻能解決症狀而不是主要問題。
感謝 - 它需要被添加到CSS的媒體查詢部分! – meeble 2013-04-21 06:55:35