@Kartoxa18

Как спозиционировать элемент фиксированно относительно родителя?

Надо спозиционировать элемент фиксировано относительно родителя. Сейчас у меня такие стили:

<div class="chatInterface">
      <div class="inputMessage"></div>
</div>


.chatInterface{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    top: 0;
    right: 0;
    border: 1px solid green;
}
.inputMessage {
    position: fixed;
    bottom: 0;
    left: 0;
    border: 1px solid red;
}


В результате получается это: 5f5549b374f47084881319.png
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Levkas
У родителя - position: relative; У дочернего элемента position: absolut; Добавь свойства так и потом позиционируй дочерний с помощью top, left, right, bottom.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы