Html 最小和最大宽度don'；行不通

我正在创建一个水平子菜单，但宽度没有扩展请检查此项

CSS HTML

不停摆弄

---

尝试使用

backgournd:inherit

进行锚样式设置

nav .submenu a{
background:inherit;
display:block;
float:left;
height:40px;
line-height:40px;
width:50px;
}

---

抱歉，请删除之前的评论。这是

背景：无打开导航子菜单a

。删除此项，它们将显示。您将背景设置为

none

，以便在文本为白色时看不到它们：

---

这对我有用。试试看

nav .submenu a {
    background: inherit;  /// remove 'none'
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 50px;
}

nav .submenu {
    position: absolute;
    top: 0;
    left: 59px;
    background: #f78f1e;
    height: 40px;
    width: 100px;    // assign width
    min-width: 20px;
    max-width: 600px;
}

---

“不延伸”是什么意思？您预期的结果是什么？在“音频”旁边没有显示另一个链接“视频”链接“视频”链接应该在“音频”旁边链接水平度是绝对的，但元素是浮动的。可以使用css还是使用jquery？可以将元素包装在绝对位置的div中，然后让它们以静态位置或相对位置浮动在其中。仍然相同的宽度不可扩展扩展扩展意味着什么？仍然相同的问题只是需要一些帮助导航代码后面的子菜单已更新

nav .submenu a{
background:inherit;
display:block;
float:left;
height:40px;
line-height:40px;
width:50px;
}

nav .submenu a {
    background: inherit;  /// remove 'none'
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 50px;
}

nav .submenu {
    position: absolute;
    top: 0;
    left: 59px;
    background: #f78f1e;
    height: 40px;
    width: 100px;    // assign width
    min-width: 20px;
    max-width: 600px;
}