如何将“fill_parent”值设置为元素的宽度？
问题描述：
首先，我不得不说this似乎与我的一个相同的问题。但事实并非如此。如何将“fill_parent”值设置为元素的宽度？
我有这样的HTML：
.parent{
border: 1px solid gray;
width: 70%;
}
.title{
border: 1px solid green;
}
.input {
/* width: fill_parent; */
}<div class="parent">
<span class="title">title: </span>
<input class="input" name="title" type="text" placeholder="عنوان دقیقی انتخاب کنید">
</div>所有我需要的是设置一个值，这意味着像fill_parent作为输入的width。如您所见，.parent的宽度基于百分比，因此当屏幕大小发生变化时它将被更改。这就是为什么我不能使用基于px的值作为.input的width。
注意：.input{width: 100%;}是不是我在找，因为我需要保持标题和输入在同一行。
有什么建议吗？
答
您可以将display:flex;放在您的父母上，然后在您的输入上输入flex:1;。
.parent{
border: 1px solid gray;
width: 70%;
display:flex;
}
.title{
border: 1px solid green;
}
.input {
flex:1;
}<div class="parent">
<span class="title">title: </span>
<input class="input" name="title" type="text" placeholder="عنوان دقیقی انتخاب کنید">
</div>
引导有几个不错的功能，看看他们的柱系统，否则你不能做的更好，然后会在输入或类似的标题20％和80％那 – namlik