DIV+CSS學習之margin縮排法

來源:互聯網
上載者:User
css 樣本:DIV頁面配置(margin-left方法) 頂部
中間左邊
中間右邊

底部
代碼:

<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>

http://www.webjx.com/bbs/viewthread.php?tid=710&extra=page%3D1



相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.