码迷,mamicode.com
首页 > Web开发 > 详细

DIV+CSS布局

时间:2015-05-25 22:04:05      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

<style>
*{
    margin:0;
    padding:0;
    }

  div{
        border:1px solid #ccc;
        margin-bottom:10px;}
#big{
    width:960px;
    margin:0px auto;
    }

# menu{
        height:110px;
        }
 #swf{
           height:310px;
         }
 #ad{

       height:45px;
      }
#arc{
       height:700px;

       }
#arc .l{
         width:680px;
         height:700px;
         float:left;
          }
#arc .r{
           width:220px;
            height:700px;
            float:right;

            }
</style>

 

<body>
<div id="big">
<div id="menu">
菜单栏
</div>
<div id="swf">falsh广告</div>
<div id="ad">ad广告</div>
<div id="arc">
    <div class="l">左侧</div>
    <div class="r">右侧</div>
</div>
</div>
</body>

 

效果如图所示:

技术分享

DIV+CSS布局

标签:

原文地址:http://www.cnblogs.com/lql520/p/4528777.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!