Как сделать так, чтобы блок в новом положении не опускался в низ?

Question

[Young11]

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

Comments

[Евгений Залецкий]

Более детально опиши, что и куда должно уходить, так как Я не понял в чём именно проблема.

[Young11]

Смотрите , когда я нажимаю на кнопку Items , появляется нотификация, после этого я нажимаю на кнопку Chageposition у меня новая нотифайка уже будет расположена в другом месте , но почему-то первая нотифайка уходит в низ второй нотифайки , хотя должна стоять на том же месте

[Young11]

Должно получится как на этой картинке сверху , а у меня получается как с низу

[Jewgeni Vee-Simo]

Привет, не мог бы ты через Codepen отправить свой код? Ссылка не работает.

[Young11]

[Модератор]

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

[Young11]

Это из-за css или vue они смещаются ?

[Ирина Чернова]

На элемент .__mesages_list повесьте display: flex

[Young11]

Ирина Чернова, так вроде бы есть display: flex

.messages_list {
  display: flex;
  flex-direction: column-reverse;
  position: fixed;
  top: 80px;
  right: 16px;
 }

[Ирина Чернова]

Young11, А мне кажется нет))

[Young11]

Ирина Чернова,
исправил , но они также идут лесенкой (

[Young11]

и еще один вопрос , у меня есть 9-ть положений , но работают только три из-за чего это может быть ?

[Ирина Чернова]

У меня не идут
Вот стиль

.__messages_list {
  display: flex;
  /* flex-direction: column-reverse;  -  это удалить */
  position: fixed;
  top: 80px;
  right: 16px;
 }

[Young11]

Ирина Чернова, у вас он идет в этом ?

[Young11]

Ирина Чернова, странно почему они идут в линию , должно быть приблизно так , что несколько нотифаек могут быть на одной линии , но в разных местах

[Ирина Чернова]

Young11, В общем у вас проблема не во Vue, а в CSS. Зачем вы используете position: fixed на родительском элементе, а на самих ваших позициях (.top-center, .midle-left...) position: relative, когда надо absolute и тогда размещайте их где хотите.

И все ваши 9 позиций работают, но из-за стилей они идут в один ряд и кажется, что их 3

[Young11]

Ирина Чернова, да , получилось , только теперь , если добавить блок в позиции , он идет не вниз , а накладывается на него