可调整大小的搜索框,右侧是图像

时间:2012-02-22 07:11:34

标签: html css

我想要一个可调整大小的搜索框,就像你们所知道的那样。火狐 所以我需要一个输入框和一个放大镜作为右侧的按钮。

我已经为它做了一个测试用例:

http://jsfiddle.net/L8Wp3/61/

问题是,调整大小不起作用。 当我调整整个页面的大小时,输入表单应该调整大小,图像应该随之流动。但是我尝试了很多东西,图像有时会破坏一条线......

我想要实现的是:我在div容器中有两个输入标签(A& B),现在B应该向右流动,A应该占用所有可用的重命名空间。

如何在css中实现此功能?

2 个答案:

答案 0 :(得分:0)

提供搜索框(输入文字)

调整大小:水平; 溢出:汽车;

和max resize:

max-width:YYYpx;

答案 1 :(得分:0)

实际上我并不清楚你的问题,但如果你想调整它的大小,尝试使用媒体查询,每个不同宽度的div,你可以添加你想要的输入的确切宽度,你可以举一个例子如何在这里创建一个简单的搜索框:

Search box: