Question

我有简单的网页。我需要将textarea设为页面的100％宽度和高度。为此，我这样做了：

  * {
  边框：1px纯红色；
}
身体 {
  边距：0;
  padding-bottom：0px;
}
文本区域{
  边距：0;
  填充：0;
  宽度：100％;
  高度：100vh；
  调整大小：无；
  框大小：border-box；
  大纲：无；
  文本对齐：对齐；
}

  <！DOCTYPE html>

<头>

第2页

<身体>

据我所知，我没有利润下降。我进行了很多搜索，但是不知道是什么原因导致底部的空白。

p.s。红色边框是为了调试而添加的。

谢谢

Answer 1

<style type="text/css">
body {
  border: 1px solid red;
  margin: 0px;
  padding:0px;
}
textarea {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  resize: none;
  box-sizing: border-box;
  outline: none;
  text-align: justify;
}  
</style>

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="page2.css">
  <title>Page 2</title>
</head>
<body>
  <textarea wrap></textarea>
</body>
</html>

<textarea>

1 个答案: