zblog文章底部两个div并排显示广告位代码

2019-01-10 10:24:02  阅读 897 次 评论 0 条

广告一直是网站赖以生存的基本,虽然在网站上添加广告在一定程度上影响了用户体验,但只要位置设置得当,用户还是能接受的(像弹窗、飘浮、图+等形式的广告小编是绝对不会添加的)。所以,小编打算在文章底部显示两个并排的div广告位,最终效果如下:

两个div并排一行显示代码.jpg

具体代码也很简单,只需要设置好div的宽高,同时给div加上float属性即可,至于margin值按自己的情况微调即可

<div style="float:left;width:336px;height:280px;margin:0 11px 0 22px;">这是广告位一</div>

<div style="float:left;width:336px;height:280px;margin:0 22px 0 11px;">这是广告位二</div>
     
<div style="clear:both;"></div>

注:第三个加了clear属性的div只是为了清除float属性对下方内容的影响,可有可无。

发表评论


表情

还没有留言,还不快点抢沙发?