Question

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

我正在使用来自http://www.resolution-studio.ro/new/sticker/designer/的手风琴菜单，它适用于sub li标签，直到它不使用float：left;我想要80x80像素的项目，所以我改变了一些CSS代码并将float设置为左边的sub ul li标签内的a标签。它放置得很好，问题是当我想打开它打开然后隐藏它。

代码使用slideToggle（“normal”）来打开/关闭它。我已尝试过不同的方法使其发挥作用，但事实并非如此。

这是我到目前为止没遇到的常见问题，还是我在某处犯了错误？

Answer 1

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

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语句。

如果这解决了问题，请告诉我

使用float：left;不能正确打开子ul;

2 个答案: