我有一个文本区域，在 Firefox 上与左侧完美对齐，但在 Chrome 上，添加了一点空间。我不知道它为什么在那里，但我尝试了很多东西来摆脱这个空间，但就是做不到。
Chrome 将文本区域向右推 2 个像素。有谁知道我做错了什么，或者有没有办法在 chrome 上对齐它？
这是我的代码:
HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="testdiv.css" />
</head>
<body>
<div class="outermostshell">
<div class="textareashell">
<textarea name="status" rows="2" cols="30"></textarea>
</div>
</div>
</body>
</html>
CSS:
.outermostshell
{
position:fixed;
width:300px;
height:600px;
background-color:red;
}
.textareashell
{
position:relative;
top:10px;
padding:0;
border:0;
left:0px;
margin:0px;
}
如有任何帮助，我们将不胜感激。
最佳答案
某些浏览器(包括 Chrome)为表单元素设置了默认边距。只需将边距设置为零:
.textareashell textarea { margin: 0; }
关于html - 如何删除 chrome 中 div 中 textarea 的额外空间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14536162/