博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
百度联盟广告如何理解按父容器宽度
阅读量:6167 次
发布时间:2019-06-21

本文共 568 字,大约阅读时间需要 1 分钟。

创建百度联盟广告位的时候,选择按父容器宽度展示,但是在加入之后,查看代码发现广告的宽度为页面的宽度,并不是希望的父级的宽度,

 

如图在这里查看:

 

解析:百度联盟广告自动生成的div按父级的div宽度来自适应,如果父级是一个包含padding的div,则父级的宽度为padding+本身的宽,然而,我们希望百度的广告所占的宽度仅仅为父级本身的宽,所以此时需要给默认创建的加广告的div外面包一个div,该div默认宽度即为父级的本身的宽,则百度联盟的广告可以正常显示,如在vue中加入百度联盟广告时,代码如下:

其中 class="related"  width:100%,padding:0 30px; 则默认的创建的ad_u1 的广告位的父元素就是页面本身的宽,而我们希望的是两边留出间距,与页面本身样式统一,所以只需在创建代码位的容器外面再加一个div即可,效果如图:

 

  同理,如果想要在展示的多张图片中,有一张图片是广告,则该广告的父元素也应该是指定的宽度,只需要在创建代码位的容器的外面包的那层div加对应希望的宽度即可。

 

 

 

转载于:https://www.cnblogs.com/beileixinqing/p/8379288.html

你可能感兴趣的文章
10 部署应用程序和applet
查看>>
opencv 4.0 + linux下静态编译,展示详细ccmake的参数配置
查看>>
LVS前奏-ARP知识回顾
查看>>
selenium的显示等待和隐式等待的区别
查看>>
HTML辅助方法的练习一
查看>>
字符串、向量、数组、迭代器
查看>>
POJ 2010 Moo University - Financial Aid 优先队列
查看>>
ubutun清理垃圾和一个好用的截图工具(写博客就好多了)
查看>>
Scyther-Semantics and verification of Security Protocol
查看>>
Patial修饰符
查看>>
Ubuntu下deb包的安装方法 (zz)
查看>>
HTML学习之==>CSS
查看>>
关于环境变量以及环境变量的配置
查看>>
添加,删除HTML中的标签节点
查看>>
leetcode 239. 滑动窗口最大值
查看>>
爬取全部的校园新闻
查看>>
Check restriction for mysql
查看>>
k8s-PV和PVC使用
查看>>
《软件测试自动化之道》读书笔记 之 请求-响应测试
查看>>
fedora使用初级
查看>>