Страница прогружается нормально
При наведении вылезает нижний блок с небольшой информацией, а так же кнопкой "Подробнее"
После нажатия появляется окно с информацией
НО после закрытия этого окна блок не уходит вниз как должен, а выталкивает главный блок вверх
Дело не в свойствах кнопки. Я пытался убирать классы, все то же самое.
<button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg" >Подробнее</button>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum aspernatur non minima inventore provident temporibus consequuntur ut, veniam odio, harum earum expedita iusto incidunt voluptatibus cumque molestias labore? Reprehenderit, ratione.</div>
<div>Dignissimos, nemo rerum, nostrum, nihil ratione magni obcaecati nisi veniam iusto tempore sed. Sequi veniam, autem repellendus maxime voluptatibus soluta aliquam unde quos excepturi porro illum, officia dicta fuga beatae.</div>
<div>Debitis quam ipsa necessitatibus vitae, ab dolor eveniet, quidem doloribus ex aperiam esse nulla assumenda modi minima, maiores illum harum saepe. Recusandae quod corporis, rerum totam, quidem nesciunt nobis est.</div>
<div>Quos earum delectus eos saepe laboriosam, magnam dolorum placeat deserunt optio illo explicabo maiores tempore? Labore ipsum dolorem repellendus aut nulla nobis, excepturi, rem accusantium recusandae facilis aliquam. Aliquid, corporis.</div>
</div>
</div>
</div>
У меня в главном блоке прописано свойство
overflow: hidden; position: absolute;
Убирая hidden ничего не выталкивает, но это не подходит.
Уже час копаюсь, не знаю что делать. Спасибо!