<分区>
<分区>
我有一个简单的网页。我需要我的文本区域占据页面的 100% 宽度和高度。为此,我这样做了:
* {
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>
据我所知,我没有 margin 崩溃。我搜索了很多,但无法理解是什么导致了底部的空白。
附注为了方便调试,添加了红色边框。
谢谢
最佳答案
<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>
关于html - <textarea> 后简单 html 底部的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53778010/