Задать вопрос
@fillpower

Как зафиксировать стрелку у details?

Добрый вечер, такой вопрос, как зафиксировать стрелку у спойлера details так, чтобы при раскрытии контента он был внутри блока родителя. Я пытался через поцизиционирование делать абсолютное, но так как он выходит из потока у меня он выходит из родителя. Верстаю относительно недавно.
5c55f72a52764801758450.png

При открытии спойлера так. Он не остается на месте после позиционирования, так еще и выходит за родителя.
5c55f7e03acfb640847461.png

Может быть есть другие варианты как лучше сделать такой спойлер, чтобы стрелочка была справа и оставалась там, а контент отображался нормально.
  • Вопрос задан
  • 295 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Как-то так

дальше стилизуйте как хотите
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы