老師講的不錯 就是最后提到的小瑕疵，下拉框蓋住了搜索框，手動修改是不錯，可是還是希望老師能講清楚為什么造成這種情況，這樣才能學透徹。<br>
查了相關資料，有了解決辦法：<br>
jQuery中求控件寬度或高度有兩種方式，返回結果是不同的，以寬度為例：<br>
（1）$("XXX").offset().width();<br>
（2）$("XXX").offset().outerWidth();<br>
例如一個div元素：<br>
< div id="box" class="box"></div><br>
它的css如下<br>
.box{width:500px;height:500px;border:1px solid #ccc;padding:10px}<br>
這個box除了500px寬度，還有1px邊框和10px內邊距。<br>
若用$("#box").offset().width(),求得的寬度是500px，沒有內邊距和邊框寬度；<br>
若用$("#box").offset().outerWidth(),求得的寬度是522px，是算上內邊距和邊框寬度的。
所以下拉框會蓋住搜索框是因為定位時下拉框的top應為：搜索框的offset().top加上搜索框的offset().outerWidth()，而不是offset().width(),因為在css設置中搜索框是有5px內邊距的。