Hey.

There is a block that must be set to position: absolute, which would take the edge of the container. When adding a flea collapses, and the bottom crawls on him. The block is rubber, the size changes proportionally.

How to make it?

How to bypass the collapse?

Example

.b-banner-catalog { position: absolute; margin-bottom: 30px; left: 0; width: 100%; height: auto; } 
 <div class="b-banner-catalog"> <div id="banner-catalog" data-ride="carousel" class="carousel"> <div class="carousel-inner"> <div class="item active"> <img src="/images/content/catalog-banner.jpg" alt="MacBook Pro 131” Retina" title="MacBook Pro 131” Retina" class="b-banner-catalog__image"> </div> </div> </div> </div> <div class="b-catalog-category"> <ul class="b-catalog-category__list"> <li class="b-catalog-category__item"><a href="javascript:void(0);" title="Π­Π»Π΅ΠΊΡ‚Ρ€ΠΎΠ½ΠΈΠΊΠ°" class="b-catalog-category__link"><span class="b-catalog-category__image-block"><img src="/images/content/category-image-1.png" alt="Π­Π»Π΅ΠΊΡ‚Ρ€ΠΎΠ½ΠΈΠΊΠ°" title="Π­Π»Π΅ΠΊΡ‚Ρ€ΠΎΠ½ΠΈΠΊΠ°" class="b-catalog-category__image"></span><span class="b-catalog-category__header">Π­Π»Π΅ΠΊΡ‚Ρ€ΠΎΠ½ΠΈΠΊΠ°</span></a> </li> </ul> </div>

  • Position: absolute; implies that the dimensions of this block are no longer counted in the container. - Victor Evlampiev
  • @Vikry Evlampyev how then do I get around the width of the container? making it is not an option, there are indents for other permissions. - drtvader

1 answer 1

Usually, if you need to position: absolute block with position: absolute , the parent block is position: relative .

  • if you set the parent to be relative, then the necessary block will again fall into the dimensions of the container, and it is necessary that it be larger in width. - drtvader
  • what are you talking about ? see example jsfiddle.net/atlanta/2L1a7fq4 - user33274