我一直在为学校做一个编码项目,在其中一个页面上,我的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。
谢谢!
答案 0 :(得分:0)
我认为代码本身没有任何问题。只是看看这是否有效...尝试将以下内容添加到您的CSS
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; }
您可以尝试的另一件事是向您的textareas添加浮动或显示属性。类似float: left;
或display: block;
看看那是否符合您的要求。