百度聯盟廣告如何理解按父容器寬度

創建百度聯盟廣告位的時候，選擇按父容器寬度展示，但是在加入之後，查看代碼發現廣告的寬度為頁面的寬度，並不是希望的父級的寬度，

如圖在這裡查看：

解析：百度聯盟廣告自動生成的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加對應希望的寬度即可。