布局效果图(IE6和FireFox2.0测试通过
CSS+DIV常用基本网页布局实例CSS+DIV常用基本网页布局实例
Css文件
body {
}
#header
{
    margin-left:4%;
    margin-right:4%;
    height:80px;
    background-color:Gray;
    }
#menu
{
    margin-left:4%;
    margin-right:4%;
    height:25px;
    background-color:Blue;
    }
.content
{
    margin-left:4%;
    margin-right:4%;
    height:80px;
    background-color:Black;
    }

.left
{
     
    float:left;
    width:30%;
    background-color:Red;
    }

.right
{
     
    float:right;
    width:69%;
    background-color:Red;
    }

#ad
{   margin-left:4%;
    margin-right:4%;
    height:80px;
}
#footer
{
    margin-left:4%;
    margin-right:4%;
    height:60px;
    background-color:Blue;
    }

html文件
<body>
    <form >
    <div >header</div>
        <div >menu</div>
        <div >
        <div >left</div>
        <div >right</div>
        </div>
        <div >ad</div>
        <div >
        <div >left</div>
        <div >right</div>
        </div>
        <div >
        footer
        </div>
    </form>
</body>

相关文章:

  • 2021-11-20
  • 2021-09-04
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-01-15
  • 2022-01-04
  • 2021-11-06
  • 2021-04-01
  • 2021-06-22
  • 2021-12-25
  • 2021-12-29
相关资源
相似解决方案