Вопрос об раскрытие блока

[Phanlom]

Я сверстал часть сайта и у меня появился вопрос, при открытии спойлера blog_btn внутренности выталкивают заголовок за пределы блока.

Как сделать так что-бы заголовок оставался на месте а внутрености разворачивались вниз а не вверх?

https://drive.google.com/file/d/1_O-e0_79TNps-Oo7KJkgY8zQaDKRbIGF/view?usp=sharing

[klierik]

.blog_btn_cont_cont {
  position: relative;
  z-index: 1;
}

.blog_btn_cont_cont .blog_btn_content {
  display: none;
}

.blog_btn_cont_cont.active .blog_btn_content {  
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
}

 

[klierik]

Выложите пример в песочницу

[Phanlom]

05.09.2022 в 06:16, klierik сказал:

Выложите пример в песочницу

http://phanlom.zzz.com.ua/

[Phanlom]

4 часа назад, klierik сказал:

.blog_btn_cont_cont {
  position: relative;
  z-index: 1;
}

.blog_btn_cont_cont .blog_btn_content {
  display: none;
}

.blog_btn_cont_cont.active .blog_btn_content {  
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
}

 

Проблему это решило, список выпадает в низ, но как сделать так что-бы этот список выпадал не поверх второго заголовка а подвигал его?

[klierik]

02.09.2022 в 17:56, Phanlom сказал:

Как сделать так что-бы заголовок оставался на месте а внутрености разворачивались вниз а не вверх?

 

19 часов назад, Phanlom сказал:

но как сделать так что-бы этот список выпадал не поверх второго заголовка а подвигал его?

Задача сама себе противоречит. Не получиться сделать, что бы выпадающее меню одновременно двигало и не двигало другие элементы.