html - 无法设置 html div 宽度

标签 html css

我想让表单看起来宽度为 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/

相关文章:

css - 悬停时忽略背景位置样式

html - 骨架 CSS - 响应式表单

javascript - 如何避免基础垂直标签网址?

html - 防止文本破坏 flexbox 容器

css - 如何自动在父项内垂直堆叠 div?

php - PHP可以将html命令写入另一个文件吗?

html - 垂直对齐 CSS 属性是否有效?

javascript - 使用处理函数更改 html 页面

javascript - 我如何淡化背景图像

jquery - Bootstrap - 旋转木马 - 删除额外的空间