使用magicsuggest的CSS问题

Question

我正在使用magicsuggest进行标记。我已经添加了所有必需的依赖项(即jquery和bootstrap)，并且有一个非常简单的HTML页面，如下所示：

<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group">
                <label for="tags" class="control-label">Tags</label>
                <img src="~/images/help-small.png" alt="Help" class="help" data-toggle="tooltip" data-placement="right" title="Press ENTER or TAB for a new tag." />
                <input type="text" class="form-control" id="tags" />
            </div>
        </div>
    </div>
</div>

我的JS如下：

 $('#tags').magicSuggest({
        useTabKey: true,
        minChars: 3,
        typeDelay: 300,
        placeholder: "e.g. rock or pop",
        valueField: 'Id',
        displayField: 'Name',
        data: window.apiUrl + 'tags',
        method: 'GET',
        hideTrigger: true
    });

我面临的问题是，我根本不能让它显示建议框！在对firebug进行了一些调试之后，我发现它创建了一个带有"ms-res-ctn dropdown-menu“类的DIV元素。"dropdown-menu“是一个默认的引导类：

<div class="ms-res-ctn dropdown-menu" style="height: 41px;"><div class="ms-res-item ms-res-item-active" data-json="{&quot;Name&quot;:&quot;Blues&quot;,&quot;Description&quot;:&quot;quoque non esset et quantare nomen non plurissimum estis Pro gravis quad et pars homo, vobis Quad pars apparens quartu et&quot;,&quot;Id&quot;:&quot;be8c735b-7c3e-9154-d1ec-dd2d67c161eb&quot;}"><em>Blue</em>s</div></div>

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

我不得不修改"dropdown-menu“CSS类，并用以下属性覆盖它：

margin: 6px -13px 0;
position: relative;

在我看来，这真的很不靠谱，因为所有的活生生的例子都能完美地工作。抱歉，我的基本CSS技能，但我做错了什么？

Answer 1

我确实说过我的CSS技术很差，这是可悲的！

我发现我的base.css中有一条规则，它搞砸了magicsuggest的结果：

.form-group {
    overflow: hidden;
}

为什么？我没有头绪!