Здравствуйте, пытаясь сделать текс-ареа размером всего дива столкнулся с проблемой каких-то отступов снизу. Причем они пропадают если убрать <!DOCTYPE html> Подскажите пожалуйста как ето работает и где я ошибся))
<!DOCTYPE html>
<div class="chat">
<textarea class="chat__text-area"></textarea>
</div>
<style>
.chat {
width: 40%;
height: 40%;
background: black;
}
.chat__text-area {
width: 100%;
height: 100%;
background: green;
}
</style>
<div class="chat">
<textarea class="chat__text-area"></textarea>
</div>
<style>
.chat {
width: 40%;
height: 40%;
background: black;
}
.chat__text-area {
width: 100%;
height: 100%;
background: green;
}
</style>