关于填充的简单css问题

时间:2011-08-03 01:18:53

标签: jquery css

我的css遇到了一些问题:http://johanberntsson.se/dev/fysiosteo/

由于某些菜单项的名称较长,因此它们会获得一个新行,导致底部缺少填充。是否有任何方法可以使所有菜单项获得相同的填充机器人,无论是否有新行?或者我必须用jquery解决这个问题?感谢

3 个答案:

答案 0 :(得分:1)

删除min-height并在style.css第89行上设置不同于0px的底部填充。

这显然不会给你相同高度的菜单项。

答案 1 :(得分:1)

在你的CSS中

#menu-main-menu li a { padding: 10px 5px 0 5px }

你正在将你的填充底部设置为0,这显然在底部没有填充,呃。

在样式表中进行这些更改

#menu-main-menu li a { padding: 10px 5px 5px 5px; }
.nav { height: 41px; }

答案 2 :(得分:0)

而不是使用框的高度来创建填充,您可以使框的最小高度更小(比如说20px)并在底部添加6px填充以确保您始终在导航项的底部有填充。