WordPress的菜单项浮动右和垂直对齐问题
问题描述:
我希望你们中的一个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