我想在我的html页面中创建一个文本字段以尽可能地扩展以适应父宽度。这是一张图片显示我想要的。如何使html标签尽可能扩大以适应父宽度?
alt text http://static.ez2learn.com/temp/css-problem.PNG
我尝试使用宽度:100%,但浏览器设置elemnt的宽度父代,这使得没有空间的其它元件,它们必须被放置在第二行。我怎样才能让元素尽可能地展开以适应单行中的所有空间?
谢谢。
我想在我的html页面中创建一个文本字段以尽可能地扩展以适应父宽度。这是一张图片显示我想要的。如何使html标签尽可能扩大以适应父宽度?
alt text http://static.ez2learn.com/temp/css-problem.PNG
我尝试使用宽度:100%,但浏览器设置elemnt的宽度父代,这使得没有空间的其它元件,它们必须被放置在第二行。我怎样才能让元素尽可能地展开以适应单行中的所有空间?
谢谢。
如果你想让输入'100%减去其他东西的宽度',你就进入了CSS布局的东西。
你可以float: left
标签,float: right
一个按钮周围的包装,并留下一套,右页边距上围绕输入的包装,然后将输入设置为width: 100%
。 (但个人而言,液体布局形式是我仍然通常使用表格的地方之一,因为组合一系列固定宽度和可变宽度的列可以轻松地将CSS布局扩展到超出其极限。)
我同意bobince。我会研究一个表格选项。我要么决定在表格中适合你的fixed:width,要么在表格中设置宽度:100%。
请张贴代码。 – 2010-07-10 11:06:30
代码在这里http://paste.plurk.com/show/278739/ – 2010-07-10 11:09:03
左边栏是一个左浮动div,具有200个固定像素。而正确的容器是另一个div,但没有浮动。 – 2010-07-10 11:10:57