DIV CSS学习之margin缩进法

<script>ec(2);</script>

示例：DIV页面布局(margin-left方法) 顶部
中间左边
中间右边
底部
代码：

<table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy1034')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy1034><STYLE type=text/css>
<!--
#top,#left,#right,#bottom
{
background:#CCCCCC;
height:120px;
}
#top,#index,#bottom/*页面上、中、下层宽度定义*/
{
clear:both;
width:778px;
margin:4px;
margin-left:auto;/*页面中上、中、下居中*/
margin-right:auto;
}
#left{
float:left;
width:200px;
}
#right
{
margin-left:200px;
}
-->
</STYLE>
<div id=top>顶部</div>
<div id=index>
<div id=left>中间左边</div>
<div id=right>中间右边</div></div>
<div id=bottom>底部</div></td> </tr> </table></td> </tr> </table>

来源：https://www.cnblogs.com/app12356/p/11810170.html