显示：无;元素是朦胧的，并且与引导程序一起浮动

Question

我这里有一点神秘的问题。

我正在使用名为javascript的{​​{1}}隐藏并显示TreeMenu.js列表。它通过在ul和display:none;之间切换来实现此目的。

但是我也安装了display:block;。而且不知怎的，这让我的Bootstrap.css朦胧并且与右边对齐。

如何防止这种情况发生？

这就是树形图的样子，我突出显示隐藏了子ul的{​​{1}}：

突出显示的ul应与左侧对齐，其余为黑色。没有像这样漂浮正确和朦胧。 必须补充说，列表中没有添加li个类。

---

编辑：

以下是代码：

CSS，而不是bootstrap

ul

TreeMenu.js

bootstrap

生成列表的代码

.menu ul{
margin:0px;
padding:0px;
text-decoration:none;
}
.menu li{
    margin:0px 0px 0px 5px;
    padding:0px;
    list-style-type:none;
    text-align:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:normal;
}
    .menu li li{
        margin:0px 0px 0px 16px;
    }

.menu .symbol-item,
.menu .symbol-open,
.menu .symbol-close
{
float:right;
width:16px;
height:1em;
background-position:left center;
background-repeat:no-repeat;
}
.menu .symbol-item  { background-image:url(../Icons/page.png); }
.menu .symbol-close { background-image:url(../Icons/plus.png);}
.menu .symbol-open  { background-image:url(../Icons/minus.png); }
.menu .symbol-item.last  { }
.menu .symbol-close.last { }
.menu .symbol-open.last  { }

.menu li.item  { font-weight:normal; }
.menu li.close { font-weight:normal; }
.menu li.open  { font-weight:bold; }
.menu li.item.last  { }
.menu li.close.last { }
.menu li.open.last  { }

a.go:link, a.go:visited, a.go:active
    {
    display:block;
    height:26px;
    width:100px;
    background-color:#FFFFFF;
    color:black;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    text-align:right;
    text-decoration:none;
    line-height:26px;
    padding-right:30px;
    background-image:url(go.gif);
    background-position:right;
    background-repeat:no-repeat;
    }
a.go:hover
    {
    text-decoration:none;
    color:black;
    }

.menu_move li {
list-style-type:none;
}
.menu_move li.item  { font-weight:normal; }
.menu_move li.close { font-weight:normal; }
.menu_move li.open  { font-weight:bold; }
.menu_move li.item.last  { }
.menu_move li.close.last { }
.menu_move li.open.last  { }
.menu_move .symbol-item,
.menu_move .symbol-open,
.menu_move .symbol-close
    {
    float:right;
    width:16px;
    height:1em;
    background-position:left center;
    background-repeat:no-repeat;
    }
.menu_move .symbol-item  { background-image:url(../Icons/page.png); }
.menu_move .symbol-close { background-image:url(../Icons/plus.png);}
.menu_move .symbol-open  { background-image:url(../Icons/minus.png); }
    .menu_move .symbol-item.last  { }
    .menu_move .symbol-close.last { }
    .menu_move .symbol-open.last  { }

Answer 1

关闭这个。

在我的浏览器中使用开发者工具后，我发现类.close已添加到mu ul，这也是Bootstrap中的一个类。

.close类添加了float:right;和opacity:0.2;，这使得对齐错误，文字模糊不清。