文章内容页广告浮于左上角的解决办法

  这个是整页代码,你可以看着改了,也可以保存成HTML文件,完了试试看就知道了,主要用的CSS+DIV

  上面的东西移到模板中,下面的东西也是一样~完了就行了~

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  <title>文章内容页广告浮于左上角的解决办法</title>

  <style type="text/css">

  .container {

  display:table;

  width:500px;

  background:#66FFCC;

  }

  .main {

  display:table-row;

  width:100%;

  background:#669933;

  }

  .left {

  float:left;

  width:165px;

  display:table-cell;

  background:#663399;

  }

  .right {

  background:#33CCFF

  display:table-cell;

  }

  </style>

  </head>

  <body>

  <div class="container">

  <div class="main">

  <div class="left">广告部分。

  </div>

  <div class="right">

  文章内容部分<br />

  文章内容部分<br />

  文章内容部分<br />

  文章内容部分<br />

  文章内容部分文章内容部分文章内容部分<br />

  文章内容部分<br />

  文章内容部分<br />

  文章内容部分<br />

  文章内容部分<br />

  <br /> </div>

  </div>

  </div>

  </body>

  </html>