如果我用一个div作为搜索框一个div作为结果， 都设置width:100%不是也能实现效果吗，和absolute有什么区别？
有区别的。因为如果是正常的div是会影响到文档流，你想想，如果你的另一个div作为待选框，那么你要控制它的display属性（none / block），如果是display: block，那么在这个div之后的元素的排版都会发生变化，有可能会往下移动。那如果待选框的div的position：abusolute，这样的话就会脱离文档流，就是说不会影响到该待选框div之后的元素的布局，因为abusolute的div会漂浮在普通元素的正上方而不影响普通元素的布局。你总不能说打开待选框之后页面布局都发生变化吧，那方向就走偏了，使用abusolute的要达到的效果就是不影响普通元素（即非abusolute）元素的布局