Смещается блок при изменении textarea
Столкнулся с проблемой, что если изменять ширину и высоту textarea, то блок будет смещаться. Как сделать так, чтобы при изменении ширины и высоты textarea блок все равно оставался на прежнем месте.
.area {
background-color: auto;
color: black;
font-family: 'Montserrat', sans-serif;
text-align: left;
font-size: 17px;
width: auto;
height: 80px;
border: 5px solid #00ff6d;
border-radius: 0px;
padding-left: 10px;
outline: none;
}
.block {
padding: 0;
margin: 0;
display: block;
float: right;
position: fixed;
right: 10px;
background-color: #e6e5e5;
width: 1000px;
height: 690px;
}<h2 style="margin-left: 25px; font-family: 'Montserrat', sans-serif; margin-top: 20px;">Нуче</h2>
<textarea required="" class="area" placeholder="ниче)" style="margin-left: 25px; margin-top: -10px;"></textarea>
<div class="block"></div>