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/summerflower/archive/2008/04/03/1136942.html