百度联盟广告如何理解按父容器宽度

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

如图在这里查看：

解析：百度联盟广告自动生成的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加对应希望的宽度即可。

百度联盟广告如何理解按父容器宽度相关推荐

移动端网页使用flexible.js加入百度联盟广告样式不一致问题解决
flexible.js是淘宝推出的一款移动端手机自适应的库,源码内容很简洁,当网页使用了该库之后,页面会在head中加入对应的页面响应式的meta标签. 当使用flexible.js的时候,引入百度联 ...
百度联盟广告代码php,Javascript 实现广告后加载可加载百度谷歌联盟广告[原创]_javascript技巧...
本文主要介绍一种新的广告后加载的方式,支持自定义HTML广告.百度联盟广告和谷歌联盟广告.这种方式在页面加载完成后执行,不影响内容的显示,对用户更加友好. 我们在网站上放置广告,最简单的方法就是把JS ...
百度联盟广告代码php,js 投放联盟广告代码可异步加载百度联盟广告
js 投放联盟广告代码一般方法介绍,普通的加载方式容易阻塞页面加载,所以我们使用异步加载百度联盟广告代码,广告js代码就可以异步加载无阻塞如果你有一个网站或者个人博客,想投放百度联盟广告代码以获取收 ...
python 广告联盟_创建百度联盟广告代码位第一天盈利5毛 - 里维斯社
自申请百度联盟广告成功之后,就开始着手上广告,想要看看具体效果和到底能带来多少收益,于是就开始创建代码位并投放广告. 投放联盟广告百度联盟后台左侧列表列出很多其他服务,包括Feeds联盟.百度SSP ...
百度联盟广告代码php,百度联盟广告异步加载的方法
百度联盟广告很多个人站长都在用 ,虽说不指望靠它挣大钱 ,但是补贴下域名服务器费用也是极好的. simon最近一直在尝试优化页面载入速度,好提升用户体验,但后来发现只要加载了百度联盟的广告,页面加载时 ...
百度联盟广告代码php,百度联盟原生广告的投放步骤
昨天无聊之余就用懿古今申请了360联盟和百度联盟,今天早上都已经全部通过申请.在设置360联盟广告样式的时候只有标签页和排行榜选择,而在设置百度联盟的时候竟然可以投放原生广告,它的样式多了很多,所以今 ...
项目中加入百度联盟广告。
需要在http://mssp.baidu.com/home/developer.html#/app/list申请应用,待审核通过后需要在申请一个代码位id,这个代码位id很重要,因为需要这个东西来获取 ...
教你一招屏蔽百度联盟广告
如今的百度广告联盟不胜其烦,尤其是百度为了自身的利润,不断接入一些游戏广告.也有算命等封建迷信的广告.而这些游戏广告更是为了吸引别人点击做出极其庸俗露骨的人物动画来可谓恶心至极!再次严重批评百度, ...
vue如何加入百度联盟广告
在百度联盟代码位管理中创建好对应的代码位之后,点击获取代码,会看到这样一段js 直接复制粘贴到自己网页中便可显示对应广告. 在vue中由于都是vue组件,不支持直接在组件中加入这样一段一段的js代码, ...

百度联盟广告如何理解按父容器宽度

百度联盟广告如何理解按父容器宽度相关推荐

最新文章

热门文章