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

相关文章:

  • 2021-10-10
  • 2022-01-14
  • 2021-08-13
  • 2021-12-30
  • 2022-12-23
  • 2021-04-01
  • 2021-06-22
猜你喜欢
  • 2022-02-02
  • 2021-12-25
  • 2022-12-23
相关资源
相似解决方案