Html 当元素的内容更改时动态更改其宽度

我有一个div包含6个输入。其中两个的显示为“无”，当我单击复选框时，这两个输入显示为“内联”。 当其他两个输入出现时，我希望我的div宽度改变并增加
html:

---

div

是块行元素，但

span

是内联的。如果需要使用

html

对其进行更改，可以将

div

标记替换为

span

，否则更改

div

的

显示，使其行为类似于span。默认情况下，块行元素的
width
属性不依赖于其
innerHTML
，但对于内联元素，
width
属性随其内部元素的宽度而变化

#第1行{
显示：内联块；
}
首先，id在HTML文档中必须是唯一的-现在，您正在使用
id=“material\u name”
两次。解决这个问题。然后，更改当前使隐藏输入“附带”的代码，该代码只做一件事：在父div容器元素上切换一个类。在样式表中使用该类为div指定所需的宽度，并使有问题的输入获得
显示：inline
（关键字：后代组合器）。当前发生了什么-它们不会增加div的宽度吗？如果不是，那是因为div已经是100%宽度，而输入只是换行？如果div不是100%，那么也请显示您当前的css。此外，如果div变得比屏幕宽度大，您希望发生什么？欢迎使用StackOverflow！你的答案可能是正确的，但如果你能解释一下它在做什么，以及它将如何帮助解决老年退休金问题，你会发现你会更感激它。此外，我不是CSS专家，但我怀疑
diaplay
中有错别字？同意前面的评论，因为它在技术上是正确的（如果你修正了错别字），但如果你能进一步解释答案并解释原因，OP可能会更好地理解原因，并希望有一天能将这些知识传递给其他人。