使用Textarea高度和边距格式化问题

时间:2018-03-19 00:34:32

标签: html css height textarea margin

我一直在为学校做一个编码项目,在其中一个页面上,我的textarea盒子给了我一些麻烦。他们需要有5%的左右边距,但我可以说左边距和右边距略有不同,所以我只是想弄清楚那是什么。此外,我需要能够将textarea框的高度设置为百分比,使其相对于屏幕尺寸,但我能够改变它们高度的唯一方法是将其设置为像素测量。

两个textarea框的css如下所示:

#input {
  width: 90%;
  margin-top: 5%;
  margin-bottom: 3%;
  margin-left: 5%;
  margin-right: 5%;
  border-radius: 12px;
  outline: none;
  border: none;
}

#output {
  width: 90%;
  margin-top: 3%;
  margin-bottom: 5%;
  margin-left: 5%;
  margin-right: 5%;
  border-radius: 12px;
  outline: none;
  border: none;
}

...您可以访问该页面的最终结果here

谢谢!

1 个答案:

答案 0 :(得分:0)

我认为代码本身没有任何问题。只是看看这是否有效...尝试将以下内容添加到您的CSS

html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; } 

您可以尝试的另一件事是向您的textareas添加浮动或显示属性。类似float: left;display: block;

的内容

看看那是否符合您的要求。