Как связать два элемента и сделать их расположение относительно друг друга?

Question

[IDONTSUDO]

То что у меня есть..


Я хочу что бы они позиционировались относительно друг друга, так как баковая панель умеет выдвигаться. Как мне этого добится?

Ниже стили, которые я применяю для списка новостей.

.postisitonRelative{
    left:10em;
    top: 2em;
    bottom: 20em;
    position: absolute;
}
.message{
    border-radius: 5px 20px 5px;
    background: #BADA55;
    padding:10px;
}
.news{
    border-color:#2196F3!important;
    width: "500px";
    height:"20px";
    border-left: 6px solid red;
    background-color: lightgrey;
    margin:15px;
}

Comments

[FeST1VaL]

нефига не понятно... ну можете сделать 2 блока обернутых во flex и второй будет уменьшаться когда первый увеличивается. ну или уходить за экран

Answer 1

[Ankhena]

Например, так https://jsfiddle.net/75oyngws/

p.s. обрывала бы ручки за такие селекторы и импотанты

.postisitonRelative{
left:10em;
top: 2em;
bottom: 20em;
position: absolute;
}

не считая опечаток