I have simple web-page. I need my textarea to take 100% width and height of page. And for that I did this:
* {
border: 1px solid red;
}
body {
margin: 0;
padding-bottom: 0px;
}
textarea {
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
resize: none;
box-sizing: border-box;
outline: none;
text-align: justify;
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="page2.css">
<title>Page 2</title>
</head>
<body>
<textarea wrap></textarea>
</body>
</html>
As far as I know, I have no margin collapse. I searched a lot, but can't understand what is causing this white space at the bottom.
p.s. red border is added for the sake of debugging.
Thanks