css菜单对齐和字间距问题

时间:2015-04-01 18:04:16

标签: html css css3 drop-down-menu

我在CSS中有两个小问题,我无法弄清楚。首先是能够在下拉区域上扩展块的区域以适当地适应措辞。其次是子菜单,子菜单放置。我在这里设置了一个小提琴:fiddle

我能说的唯一属性是

display: inline-block;

这是第一个问题:http://screencast.com/t/9GSbhMWe

第二个问题:http://screencast.com/t/TOAKiE5db

如果可以,有人可能会提供帮助。我错过了什么?

提前致谢。

1 个答案:

答案 0 :(得分:1)

将其添加到样式表中。或者您最好直接查找和编辑相关属性。

#nav .main-navigation .sub-menu {
    background: url(images/background.jpg);
}
#nav .main-navigation .sub-menu li {
    display: block;
}
#nav .main-navigation .sub-menu,
#nav .main-navigation .sub-menu li a {
    width: auto;
}
#nav .main-navigation .sub-menu li a {
    background: none;
}

要解决第二个问题,请添加此内容。

#nav .main-navigation .sub-menu .page_item_has_sub-menu {
    position: relative;
}