手机
当前位置:查字典教程网 >网页设计 > 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组合与CSS嵌套的写法应用

Google浏览器CSS居中兼容问题完美解决方法

网页中表单按回车就自动提交的问题的解决方案

CSS 控制因Html页面高度导致抖动的问题解决方法

控制DIV中文字绝对居中的简单方法

DIV+CSS页面布局中BUG解决方法

CSS:清除浮动的最优方法

chrome居中但ie不居中的解决方法

IE中div被视频遮住(用embed来内嵌视频)的解决方法

10条影响CSS渲染速度的写法

精品推荐
分类导航