只好到CSDN社區100分來求助，很快就有幾位兄弟告訴了我原因。原來是流佈局和網格佈局的問題。
看了看微軟的MSDN上有詳細的介紹，可能對某些高手來說這是小菜一碟。可對於我這新手來說還是很有作用的。下面是兩種佈局的簡介：
流佈局
如果 pageLayout 設置爲 FlowLayout，則允許元素在一行內從左向右流動，在頁面內從上向下流動。任何 Web 瀏覽器都可顯示使用“流佈局”定位的 HTML 文檔。如果調整頁的大小，元素有時將被重新定位。
可以對齊 <TABLE> 內的元素，或者使用 <CENTER> 元素定位它們。不過，不能使用絕對定位屬性或使元素重疊。
網格佈局
將 pageLayout 設置爲 GridLayout，可使您能夠在“設計”視圖圖面上精確放置元素。“顯示”工具欄上的“顯示網格”和“網格線對齊”按鈕變得可用。選擇“網格線對齊”後，如果插入元素或在“設計”視圖圖面上拖動元素，則它的左上角自動與離插入點最近的網格線對齊。
如果要在WebMatrix中拖放Web控件，需要在Html代碼中加入<BODY ms_positioning="GridLayout">