一、布局
<body> .top+.banner+.main+.footer 按Tab键,得到下框中代码 </body>
<body> <div class="top"></div> <div class="banner"></div> <div class="main"></div> <div class="footer"></div> </body>
两列左窄右宽型 通栏平均分布型
![](https://img2018.cnblogs.com/common/1737663/202001/1737663-20200128112616763-1194625676.jpg)
----------------------------------------
<body> .top+.banner+.main+.footer 按Tab键,得到下框中代码 </body>
<body> <div class="top"></div> <div class="banner"></div> <div class="main"></div> <div class="footer"></div> </body>
两列左窄右宽型 通栏平均分布型
![](https://img2018.cnblogs.com/common/1737663/202001/1737663-20200128112616763-1194625676.jpg)
----------------------------------------