Question

Помогите разобраться, не пойму что не так почему, рекламный блок Google ADD в мобильной версии выходит за пределы родительского блока. 
Вроде обернул в div, а он все равно вылазит.
<div class="blockr">
<div align="center">
<style>
.shop_glavnay { width: 320px; height: 100px; }
@media(max-width: 400px) { .shop_glavnay { display: none; } }
@media(min-width: 500px) { .shop_glavnay { width: 468px; height: 60px; } }
@media(min-width: 800px) { .shop_glavnay { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- shop_glavnay -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-3226263673547742"
     data-ad-slot="3893256"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div></div>

Answer 1

Пользуйтесь адаптивными блоками от адсенсе, этот длинный и прочие фиксированной ширины стилями не отрегулировать, максимум что можно сделать, это задавать блоку в который завернут фиксированную ширину для разных разрешений и все что не входит в рамки задавать атрибут overflow: hidden; если же создадите адаптивные блоки, в адсенса такие есть, то проблем с выходом за рамки на мобильных не будет.