Question

所以我有这个HTML：

<form name="searchForm" role="form" ng-submit="controller.navigate()">
    <div class="row collapse">
        <div class="small-10 columns typeahead-icon">
            <!-- If we take the filter out, it will match all parts of the object -->
            <input type="text" placeholder="Search" ng-model="controller.selected" typeahead="item.value + ' ' + item.title + ' ' +  item.detail for item in controller.search($view)" />
            <i ng-show="controller.autoComplete.loading" class="fa fa-spinner fa-pulse"></i>                        
        </div>
        <div class="small-2 columns">
            <button type="submit" class="button postfix">Go</button>
        </div>
    </div>
</form>

如您所见，我使用内联表单来显示我的预先控制。问题是， .columns 具有 position：relative ，包含结果的列表隐藏在列div的末尾。由于我的设计，我无法向div添加溢出。我想要的是结果列表出现在所有内容的顶部。我已经创建了一个codepen来向您展示正在发生的事情：

http://codepen.io/r3plica/pen/gpoXeg

有谁知道我该怎么做？

Answer 1

虽然这需要一些时间来解决，但答案很简单。我所要做的就是添加：

overflow: visible;

到我不想改变高度的父元素（在这种情况下是 .tile.block ）并修复了问题。上面的codepen已经改变以反映这种变化。

先行和基础结果似乎被切断了

1 个答案: