我想让表单看起来宽度为 1200 像素。但是,当我在类 .container 或 .form-group 中设置宽度时,甚至在表单标签中设置宽度时,它都不起作用。只有当我在 textarea 标签中设置宽度时它才会起作用。有什么问题?
index.html
<!DOCTYPE html>
<html>
<head>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="container">
<form>
<div class="form-group">
<textarea class="status-box"></textarea>
</div>
</form>
</div>
</body>
</html>
样式.css
.container {
width: 1200px;
margin-top: 20px;
}
最佳答案
您的容器大小很好 - 但如果您希望元素填满容器,则需要单独设置它们的宽度。
例如
.container { width: 1200px; }
textarea, input { width: 100%; }
关于html - 无法设置 html div 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36471097/