CSS 问题,不用 display:flex 是否能实现这个功能?

2020-02-25 16:04:44 +08:00
 nikoo
一个不定长的 div,里面包含一个 input 与一个提交按钮,要求 input 可以自适应宽度
有可能不用 flex 实现这个功能吗?

例子: https://jsfiddle.net/ko08g7za/
(左右拖动改变窗口宽度可以看到 input+button 始终能占满 div )
2021 次点击
所在节点    问与答
25 条回复
lemon6
2020-02-25 17:14:23 +08:00
calc(100% - xxxpx)
Steps
2020-02-25 17:30:00 +08:00
@nikoo #6 抱歉,我没看清楚要求,我以为要用 flex
Steps
2020-02-25 17:30:25 +08:00
@lneoi #19 正解!
otakustay
2020-02-25 18:09:42 +08:00
容器 div 占满宽度,padding 留出按钮的位置
input 放在 div 里面占满 div 的宽度
button 用绝对定位放边上
https://codepen.io/otakustay/pen/oNXBmmQ
这种效果?
dimlau
2020-02-25 19:58:11 +08:00
grid 也是一样。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/647424

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX