如何用Visual Studio实现网页的整体布局

在用Visual Studio编纂网页时，一般要用代码为网页设置整体结构，利用结构可以让网页中的代码加倍规整，便利后期的网页建造和维护，如何用Visual Studio整体结构网页呢？笔者与大师分享一下操作经验。

工具/原料

• Visual Studio 2015

方式/步骤

1. 1

   打开一个已有的Visual Studio作品，本例为TwoFish网站，网页文件为Default.aspx。

   
2. 2

   在网页中，找到body标签，如下图所示。

   
3. 3

   接着，鄙人方找到div标签。

   
4. 4

   先输入整体结构的代码，此中id="maincontent"暗示设置的是本家儿区域。

   
5. 5

   width暗示本家儿区域的宽，height暗示本家儿区域的高，本人将两个值都设置为100%。

   
6. 6

   接着，设置对象的位置，用width和height暗示对象的宽高规模。

   
7. 7

   margin-left暗示对象离左端距离，margin-right为右端距离，margin-top为对象离顶部的距离，本人将它们都设置为auto。

   
8. 8

   最后，设置对象的浮动位置，此中的float暗示位置类型为浮动，本人将其值设置为right，即对象以右边为基准设置在窗口中的位置。

   
9. 9

   padding-top暗示对象离顶部的浮动距离，padding-left暗示对象离左边的浮动距离，padding-right暗示对象离右部的浮动距离。

   
10. 10

    一个网站的页面结构已设置好了，接下来，就可以自由的在网页中添加对象了。