Html 展开输入以填写表单

我只是想让标签和文本框填充表单的宽度。我真不敢相信我在这个简单的问题上浪费了多少时间。这对于表格来说是如此简单

以下是简单的HTML：

*{框大小：边框框；}
标签：

您应该使用这种简单的方法

请尝试：

width:calc（100%-45px）！重要的进入
输入#Txt
类

希望这有帮助

让我知道进一步的澄清


input#Txt{
宽度：计算（100%-45px）！重要；
}

*{框大小：边框框；}
标签：
您应该使用这种简单的方法

请尝试：
width:calc（100%-45px）！重要的进入
输入#Txt
类

希望这有帮助

让我知道进一步的澄清


input#Txt{
宽度：计算（100%-45px）！重要；
}

*{框大小：边框框；}
标签：
您可以通过定义网格模板来使用
网格
布局

这里是到的链接


*{框大小：边框框；}
.表格{
宽度：500px；
边框样式：实心；
边框颜色：红色；
显示：网格；
网格模板列：最小内容自动；
}

标签：
您可以通过定义网格模板来使用
网格
布局

这里是到的链接


*{框大小：边框框；}
.表格{
宽度：500px；
边框样式：实心；
边框颜色：红色；
显示：网格；
网格模板列：最小内容自动；
}

标签：
使用浏览器安全CSS规则，您可以设置标签和输入的宽度，然后通过这种方式将它们设置为
显示：内联块



标签{
显示：内联块；
宽度：10%；
}
输入{
显示：内联块；
宽度：88%；
}
标签：
使用浏览器安全CSS规则，您可以设置标签和输入的宽度，然后通过这种方式将它们设置为
显示：内联块



标签{
显示：内联块；
宽度：10%；
}
输入{
显示：内联块；
宽度：88%；
}
标签：
柔性箱方法：


表单{
显示器：flex；
}
输入{
弹性：1；
}

* {
框大小：边框框；
}
标签：
柔性箱方法：


表单{
显示器：flex；
}
输入{
弹性：1；
}

* {
框大小：边框框；
}
标签：
这是我的解决方案

使用
宽度：计算（100%-82px）用于输入宽度

82px等于标签的宽度和输入的（1px边框*2）


*{
框大小：边框框；
}
标签{
宽度：80px；
显示：内联块；
}
输入{
显示：内联块；
宽度：计算（100%-82px）；
边框：1px实心#ccc；
字体大小：16px；
}

测试标签
这是我的解决方案

使用
宽度：计算（100%-82px）用于输入宽度

82px等于标签的宽度和输入的（1px边框*2）


*{
框大小：边框框；
}
标签{
宽度：80px；
显示：内联块；
}
输入{
显示：内联块；
宽度：计算（100%-82px）；
边框：1px实心#ccc；
字体大小：16px；
}

测试标签
可能重复的可能重复的感谢，但我不想要一个依赖于标签像素或百分比宽度的解决方案，我需要计算每个标签的像素或百分比宽度。我不知道calc（），它在其他方面非常方便。谢谢@如果这个答案对你有帮助，那么请接受它谢谢，但我不想要一个依赖于标签像素或百分比宽度的解决方案，我需要计算每个标签的像素或百分比宽度。我不知道calc（），它对于其他东西非常方便。谢谢@如果这个答案对你有帮助，请接受它谢谢，但我不想要一个依赖于标签像素或百分比宽度的解决方案，我需要计算每个标签的宽度。谢谢，但我不想要一个依赖于标签像素或百分比宽度的解决方案，我需要计算每个标签的宽度。谢谢，但我不想要一个依赖于标签像素或百分比宽度的解决方案，我需要计算每个标签的像素或百分比宽度。我明白了。您可以将输入设置为最大宽度：80%；，这样，您可以确保标签始终可见且不重叠，并且输入的宽度可变。最接近的解决方案是将“输入”和“标签”都设置为“显示”：将“内联块”或“浮点标签”设置为“左”，将“输入”设置为“右”，然后对每个字段进行clearfix。谢谢，但我不希望解决方案依赖于标签的像素或百分比宽度，我需要计算每个标签的像素或百分比宽度。我明白了。您可以将输入设置为最大宽度：80%；，这样，您可以确保标签始终可见且不重叠，并且输入的宽度可变。最接近的解决方案是将输入和标签都设置为显示：将内联块或浮点标签设置为左侧，将输入设置为右侧，然后对每个字段进行清除修复。我现在是一名转换。网格是有史以来最好的东西！他们能做的真是太棒了。谢谢。我现在是个皈依者。网格是有史以来最好的东西！他们能做的真是太棒了。谢谢