发布搜索div

Question

我有一个问题，我想将搜索结果设置为如下图片：http://prntscr.com/62bbce（我的糟糕绘图技能的sry：/）

但我明白了：http://prntscr.com/62bbpw

这是我的css代码：

#search{
    margin-left:100px;
    width:300px;
    border-radius:5px;
}
#search_results{    
    position:absolute;
    background:white;
    font-size:17px;

}

Answer 1

如果您希望两个div的宽度相同，则必须将搜索结果的宽度设置为300px。

#search_results{    
    position:absolute;
    background:white;
    font-size:17px;
    width: 300px;
}

您将其定位方式与其他div相同：

#search_results{    
    border:1px solid grey;
    background:white;
    font-size:17px;
    width: 300px;
    margin-left: 100px;
    margin-top: 15px
}

完整代码：http://codepen.io/anon/pen/raYdLw