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

Question

[Hello World]

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

<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;
}

В результате получается это:

Answer 1

[Levkas]

У родителя - position: relative; У дочернего элемента position: absolut; Добавь свойства так и потом позиционируй дочерний с помощью top, left, right, bottom.

Comments

[Hello World]

Ну мне имеено fixed нужен чтобы при скролле не двигался

[Levkas]

Hello World, Вот так, я правильно тебя понял?

[Hello World]

Levkas, Да вы правильно поняли )
Но у меня блок ограничен по ширине как бы