假如是一個人負責前后臺，而又對后臺開發比較在行，可以從后到前，也就是——
1、用vs開發業務功能，注重“盡量不要”為服務器控件設置任何樣式（字體、顏色、長寬、坐標、邊框、間隔、空白……）
2、可以用模板頁控件（MasterPage）定義布局
3、在1、2的基礎上使用css為最終的html內容賦予樣式外觀。這一步可以完全脫離vs的后臺開發環境，只要使用瀏覽器正常訪問功能已經完備的web應用，得到具有代表性窗體的html源代碼，然后用任何設計工具對css進行定義

假如是團隊開發，界面設計和業務實現的分工比較明確，就應該事先為兩者的工作內容制定一個接口——一套讓界面設計師能夠測試設計效果、讓業務實現者（窗體/用戶控件/服務器控件開發人員）作為輸出目標的html范本

例：：當你開發web應用程序的時候，靜態頁設計是個“效果圖”，內容是死的。而不可能保證是真正的結果。例如你使用到了GridView，那么你可能就答應用戶在界面上選擇行數，例如有的人屏幕小或者等原因也許僅需要顯示15行，有的人需要就是希望直接看到200行。那么很自然，假如你的頁面是個的實用的應用，頁面上有十多種對象圖形存在，自然這個GridView變高了其它的就要挪位置了。
再比如左邊是GridView右邊是DetailsView，那么應該它們的寬度應該自動調整。假如不能自動調整，但是隨著每一次交互造成內容大面積變化，原來的布局多么難看呀。

?

?

?

asp.net 網站布局 [解決！]

原先學習網站制作的時候，整體的布局都是用<table>嵌套，通過修改width和height的值來一點一點調解出自己想要得樣子，

現在用asp做網站的過程中，HTML的height屬性是無效屬性，在VS中，表格高度是自動調整的，而且若是開始沒有計算好單元格的寬度，

后期用鼠標拖動修改就會出現很奇怪的現象，如：想調小某個單元格，結果同表能的其他單元格全變了，

而且從源里面看幾乎所有的<td>都加上了width屬性，要是剛開始用腦袋都大了，估計你的時間都用在調整布局和控制表格嵌套上面了，

說了這么多都看不耐煩了吧，那么現在就介紹下怎么避免和快速的布局，

現在用的就是div+css進行布局的，表格的唯一用途就是最外圍的框架，

如
?<div style="text-align: center">
??????????? <table border="0" cellpadding="0" cellspacing="0" style="width: 800pt">
??????????? </table>
???? <table border="0" cellpadding="0" cellspacing="0" style="width: 800pt">
??????????? </table>
???? <table border="0" cellpadding="0" cellspacing="0" style="width: 800pt">
??????????? </table>
?</div>

然后<table></table>標簽里面再用<div></div>，而且最好不要用一張表(一張表有時候需要上下兩列的單元格不一寬度效果做不出來)，

這樣用table確定了大體的框架，然后就在其內部用div擺放各種控件了，要是出現了單元格寬度不夠了千萬不要用鼠標拖動，

要一動前面條好的都亂了，這里要去源里面找到對應單元格位置調整其width的值，要是需求更多的樣式，就加入CSS，在這里就不詳細介紹CSS了，

這樣使用DIV+CSS進行布局操作，既迅速又方便，就不用費那么多寶貴的時間來調整布局了！

看完文章明白了吧，其實現在主流就是div，不信你去門戶網站上看看，我曾經看過淘寶的打開首頁看原文件結果滿屏幕div沒有發現table的蹤跡

后來又看過其他門戶網站的結果幾乎找不到table,所以大家多練練,改朝換代了若是你多用用會發現div其實很強大的~嘿嘿

?

轉載于:https://www.cnblogs.com/eduask0114/archive/2009/04/11/1433695.html

總結

以上是生活随笔為你收集整理的vs2005 + ASP.NET 页面布局应注意问题及方法步骤的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。