Html 使表单输入字段占据div中的所有宽度，该div不是'；t被其他元素占用

我有一个居中的

div

，其中包含一行标题、输入和按钮。我希望将输入字段扩展，以便

div

内容的总宽度占据分配给

div

的整个宽度。是否有一些CSS方法可以指定类似于

宽度：100%-其他元素的内容

是否有一些CSS方法来指定宽度：100%等元素

是的，使用。Flexbox是浏览器布局引擎的一部分，用于创建动态和灵活的长方体或div。请参见下面的示例并尝试调整大小。有关flexbox的完整概述，请参阅CSS技巧。这是一个奇妙的参考，我一直在使用它

CSS摘要：


display:flex
on
。某些容器
声明类为
some container
的任何元素都将使用flexbox
上的
flex:1
。expand
声明在父flexbox（即
某些容器
）中，此元素应增长


.some容器{display:flex；}
.expand{flex:1；}

某个标题
一些按钮
共享您的代码。您可以使用宽度：calc（100%-其他元素）。。其中，其他元素将是px中其他元素的宽度。