Sub ul 无法使用 float:left 正确打开；

Question

这是我的工具，我想在左侧面板中创建手风琴菜单：http://www.resolution-studio.ro/new/sticker/designer/

我正在使用来自 http://www.resolution-studio.ro/new/sticker/designer/ 的手风琴菜单，它在不使用 float:left 之前对 sub li 标签工作正常；我想要 80x80 像素的项目，所以我稍微更改了 CSS 代码并将 float 设置为 sub ul li 标签内的 a 标签左侧。放的很好，问题是我想打开的时候打开了又隐藏了。

代码使用 slideToggle("normal") 来 open/close 它。我尝试了不同的方法来让它工作，但没有用。

这是我目前没有遇到的常见问题，还是我哪里出错了？

Answer 1

除了 float: left 将 clear: both 或 clear: left 添加到您的 li 样式定义中，然后调整它们的宽度，例如 100% 以填充整个容器的宽度..

Answer 2

你要做的就是下面的事情，就像@n-dru说的。您必须将 clear:both 添加到您的列表，但请注意，如果您这样做，它也会应用于您的子列表。

我认为您可以通过添加以下代码来解决此问题：

.accordion li {
    list-style: none;
  text-align:left;
    clear: both;
}
.accordion li ul li{   
    clear:none;
}
.sub-menu li {
  width: 86px !important;
  float: left !important;
}

由于您要将 clear:both 添加到您的代码中，因此您必须将 !important 语句添加到您的子菜单中。

让我知道这是否解决了问题

Sub ul 无法使用 float:left 正确打开；

Sub ul not opening correctly with float:left;

css

jquery

slidetoggle