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

Question

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

alt text http://static.ez2learn.com/temp/css-problem.PNG

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

感谢。

Answer 1

如果你想让输入“100％减去那些其他东西的宽度”你就会进入CSS布局。

您可以float: left标签，float: right按钮周围的包装，并在输入周围的包装上设置左右边距，然后将输入设置为width: 100%。

（但就个人而言，液体布局形式是我通常依赖表格的地方之一，因为组合一系列固定宽度和可变宽度的列可以轻松地将CSS布局拉伸超出其限制。）

Answer 2

我同意bobince。我会查看一个表格选项。我要么决定在表格中适用于你的固定：宽度，要么尝试在表格中设置宽度：100％。