2010-07-10 58 views
1

我想在我的html页面中创建一个文本字段以尽可能地扩展以适应父宽度。这是一张图片显示我想要的。如何使html标签尽可能扩大以适应父宽度?

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

我尝试使用宽度:100%,但浏览器设置elemnt的宽度父代,这使得没有空间的其它元件,它们必须被放置在第二行。我怎样才能让元素尽可能地展开以适应单行中的所有空间?

谢谢。

+0

请张贴代码。 – 2010-07-10 11:06:30

+0

代码在这里http://paste.plurk.com/show/278739/ – 2010-07-10 11:09:03

+0

左边栏是一个左浮动div,具有200个固定像素。而正确的容器是另一个div,但没有浮动。 – 2010-07-10 11:10:57

回答

2

如果你想让输入'100%减去其他东西的宽度',你就进入了CSS布局的东西。

你可以float: left标签,float: right一个按钮周围的包装,并留下一套,右页边距上围绕输入的包装,然后将输入设置为width: 100%。 (但个人而言,液体布局形式是我仍然通常使用表格的地方之一,因为组合一系列固定宽度和可变宽度的列可以轻松地将CSS布局扩展到超出其极限。)

0

我同意bobince。我会研究一个表格选项。我要么决定在表格中适合你的fixed:width,要么在表格中设置宽度:100%。