如何使html标记尽可能扩展以适应父级宽度？

我想在我的html页面中创建一个文本字段，以尽可能扩展以适应父级宽度。这是一张我想要的图片

（来源：）

我尝试使用width:100%，但浏览器将elemnt的宽度设置为其父元素的宽度，这样就没有空间容纳其他元素，它们必须放在第二行。如何让元素尽可能地扩展以适应单行中的所有空间

---

谢谢。

如果你想让输入“100%减去那些其他东西的宽度”，你就要进入CSS布局了

您可以

float:left

标签、

float:right

按钮周围的包装，并在输入周围的包装上设置左右边距，然后将输入设置为

width:100%

---

（但就个人而言，liquid layout forms是我通常仍然使用表格的地方之一，因为组合一系列固定和可变宽度的列很容易将CSS布局扩展到超出其限制的范围。）

我同意bobince的观点。我会研究一个表格选项。我会选择在表中适合您的固定：宽度，或者尝试在表中设置宽度：100%。

代码在这里左侧边栏是一个左浮点div，具有200个固定像素。右边的容器是另一个div，但不是浮动的。