乐码库:一个极速、放心、纯净的下载站! 更新: 资源发布
  • 您的位置:首页 > 技术文档 > CSS/HTML > 文章内容页广告浮于左上角的解决办法
  • 收藏本页
      文章内容页广告浮于左上角的解决办法
      发布时间:2016-10-25 10:56:04 关键词: 文章内容页广告浮于左上角的解决办法
      内容简介:文章内容页广告浮于左上角的解决办法
    这个是整页代码,你可以看着改了,也可以保存成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>
      相关内容
      最新更新
      热门排行榜