百度联盟广告如何理解按父容器宽度
2018-06-24 02:14:04来源：未知 阅读 ()
创建百度联盟广告位的时候，选择按父容器宽度展示，但是在加入之后，查看代码发现广告的宽度为页面的宽度，并不是希望的父级的宽度，
如图在这里查看：
解析：百度联盟广告自动生成的div按父级的div宽度来自适应，如果父级是一个包含padding的div，则父级的宽度为padding+本身的宽，然而，我们希望百度的广告所占的宽度仅仅为父级本身的宽，所以此时需要给默认创建的加广告的div外面包一个div，该div默认宽度即为父级的本身的宽，则百度联盟的广告可以正常显示，如在vue中加入百度联盟广告时，代码如下：
<div class="related"> <div><div id="ad_u1"></div></div> <Related listStart="0" listEnd="3"></Related> </div>
其中 class="related" width:100%,padding:0 30px; 则默认的创建的ad_u1 的广告位的父元素就是页面本身的宽，而我们希望的是两边留出间距，与页面本身样式统一，所以只需在创建代码位的容器外面再加一个div即可，效果如图：
同理，如果想要在展示的多张图片中，有一张图片是广告，则该广告的父元素也应该是指定的宽度，只需要在创建代码位的容器的外面包的那层div加对应希望的宽度即可。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：CSS的常用属性（一）
下一篇：css 两段对齐和超出部分...
- HTML连载82-努比亚界面顶部区域和广告区域 2020-04-12
- 两侧跟随的广告 2019-11-25
- 2019年百度前端工程师面试题及答案解 2019-11-20
- 博客园自定义样式（去广告、公告栏加头像、按钮样式） 2019-11-01
- 本人亲测-百度富文本编辑器(无bug版本) 2019-10-18
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
