Css 显示在文本输入下面的DIV

一个显示为自动完成辅助的div正在文本输入下面进行渲染（选择元素也会发生），我调整了z-index，但运气不好

黑色边框的div应该在白色文本框的上方。这是CSS元素：

form input, form select {
    margin: 3px 0px;
    padding: 0px;
    vertical-align: middle;
}

.suggestionBox {
    position: absolute;
    z-index: 10000;
    left: 0px;
    top: 20px;
    margin: 10px 0px 0px;
    background-color: #FFF;
    border: 2px solid #000;
}

.suggestionBox

位于一个

.bloquesuggestion

内，它包装文本输入（触发建议的一个框）和建议框：

.bloqueSuggest {
    display: inline;
    position: relative;
    overflow: visible;
    z-index: 0;
}

---

你能创建一个JSFIDLE吗？它实际上不能正常工作，我不得不去掉太多的元素，但事实是：那么你想去掉默认的自动完成吗？只需将此标记添加到输入字段：

autocomplete=“off”

不是这样，默认的autocomplete会显示以前写入的值，“我的建议”框会显示与您正在写入的名称类似的名称列表，另外，当您单击它时会采取一些临时操作。我认为这只是一个CSS问题，你不能使用数据列表吗？