css 菜单对齐和字间距问题

Question

我在 CSS 中有两个小问题无法解决。首先是能够扩展下拉菜单中的块区域以正确适应措辞。其次是子菜单，子菜单的放置。我这里有一个 fiddle 设置：fiddle

我能说的唯一属性是

display: inline-block;

这是第一期：http://screencast.com/t/9GSbhMWe

第二期：http://screencast.com/t/TOAKiE5db

有人可以帮忙吗？我错过了什么？

提前致谢。

Answer 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;
}

css 菜单对齐和字间距问题

css menu alignment and word spacing issues

html

css

drop-down-menu