手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >文章内容页广告浮于左上角的解决办法
文章内容页广告浮于左上角的解决办法
摘要:这个是整页代码,你可以看着改了,也可以保存成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>

【文章内容页广告浮于左上角的解决办法】相关文章:

关于清除浮动塌陷的几种方法总结

CSS书写规范及书写顺序的方法

div+css垂直居中的五种实现方法

CSS中文字体对应的英文写法

通过CSS禁用页面内容选中和复制操作

关于几个常见的css字体设定问题探讨

IE6下图片下方有空间距的多种解决方法

Td或Div文字超出宽度的CSS隐藏方法

CSS之DIV长度相等的几个办法

IE6 innerHTML写入的iframe src不显示BUG的解决方法

精品推荐
分类导航