两个div,一个指定宽度,一个根据窗口大小自动延伸,要求两个div在同行显示,兼容所有浏览器

想要做个移动端搜索框,搜索框的大小根据浏览器而定,搜索按钮是固定宽度,求方法(父节点用display:flex;子节点flex:1这个方法对于firefox和chrome... 想要做个移动端搜索框,搜索框的大小根据浏览器而定,搜索按钮是固定宽度,求方法
(父节点用display:flex;子节点flex:1这个方法对于firefox和chrome好使。ie下不兼容)
最外层不设宽度,搜索框也不设宽度,全是根据浏览器窗口的宽度而定谢谢
展开
 我来答
relten
2014-11-15 · 超过29用户采纳过TA的回答
知道答主
回答量:103
采纳率:0%
帮助的人:70.1万
展开全部
<div style="width:100%;">
<div style="float:left;width:200px;height:100px; background:#0C9"></div>
<div style="height:100px;width:auto;margin-left:210px; background:#F60"></div>
</div>
追问
实际在我测试中第二个div设置width:auto在ie中是不支持的。只有设置width:100%,然后再用margin才行。谢谢你
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式