html - 定位搜索分区

Question

我有问题，我想将搜索结果设置为如图所示:http://prntscr.com/62bbce (为我糟糕的绘画技巧感到抱歉:/)

但我明白了: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