东方星雨

简单网络

一个爱好网络的80后男站长。

关注我东方星雨个人微信号:476847113

您现在的位置是:首页 > 站长日志

讲解环绕广告的实现方法

2010-03-18 站长 站长日志

<div id="new">
       <div id="zhan">占位用的空白块</div>
       <div id="ad">放广告代码</div>
        [--newstext--]内容标签
</div>




CSS部分:

#zhan{
        float: left;          /让块靠左
        clear: left;         /让块的左边不能有其它块
        height: 200px;  /用这个来控制广告在内容里的位置
        width: 1px;       /
}
#ad{
        height: 250px;
        width: 250px;
        float: left;        /让块靠左
        clear: left;       /让块的左边不能有其它块
        margin: 15px 15px 15px 0px;
}
#new img,#new table{
        clear: left;     /让内容里的图片和表格不会遮挡广告
}
#new{
        float: left;
}

文章评论