Html 水平显示的下拉CSS菜单项？

我在CSS方面遇到了一些问题（我对CSS还比较陌生）——希望在我的各种网络搜索被证明无效后，有人能给我一些建议

我的问题是，我有CSS菜单，最近我更改了主菜单元素的宽度，但我正在调整下拉子元素的大小以反映新的大小-子菜单项现在也显示在彼此旁边，而不是彼此下面

感谢您的帮助

JSFiddle：

CSS:

---

浮动在子菜单项上继承。您应该清除子菜单的浮动：

.buttonbar1 li ul li {
    /* ... */
    float: none;
    width: 100%;
}

---

Fiddle:

您的浮动和宽度属性将被带到子菜单列表项中。添加以下CSS：

.buttonbar1 li ul li {
    display:block;
    float:none;
    width:100%;
}

---

实际上不需要浮动无。只需100%的宽度和显示块就足够了嗨，伙计，你们需要给宽度，以便正确显示，你们可以给它一些变化，以及100%固定，以及我只是试图修复方向的问题。谢谢你指出这一点。

.buttonbar1 li ul li{
 width:100%;
}

.buttonbar1 li ul li {
    display:block;
    float:none;
    width:100%;
}