文章内容页广告浮于左上角的解决办法_ Div+Css教程-查字典教程网
文章内容页广告浮于左上角的解决办法
文章内容页广告浮于左上角的解决办法
发布时间:2016-12-29 来源:查字典编辑
摘要:这个是整页代码,你可以看着改了,也可以保存成HTML文件,完了试试看就知道了,主要用的CSS+DIV上面的东西移到模板中,下面的东西也是一样...

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

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

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>

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

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

<styletype="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>

<divclass="container">

<divclass="main">

<divclass="left">广告部分。

</div>

<divclass="right">

文章内容部分<br/>

文章内容部分<br/>

文章内容部分<br/>

文章内容部分<br/>

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

文章内容部分<br/>

文章内容部分<br/>

文章内容部分<br/>

文章内容部分<br/>

<br/></div>

</div>

</div>

</body>

</html>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类