这个样式如何用 DIV+CSS 实现？

[nikoo]

目前用 table 的实现例子： https://jsfiddle.net/xh803rft/

右侧的 button 按钮是不定长的
左右拉动窗口，.ipt input 可动态自适应窗口宽度
可将 table 改为 width: 50%; 仍可自适应宽度

这个是否可以用 DIV+CSS 来实现？

[0myun]

还得加个 js

[learnshare]

https://jsfiddle.net/e0rzqpbx/
flex 比较合适，左侧填充剩余宽度

[nikoo]

@learnshare 谢谢！非常优雅的实现！请问如果考虑浏览器兼容性问题，生产环境用 table 还是 flex 比较合适？

[chztv]

@nikoo 看你终端具体的浏览器兼容性，比如终端是手机，flex 没有大的兼容性问题。电脑上的话 IE10 以下的不兼容 flex，其他主流浏览器都没有问题。

[learnshare]

@nikoo @chztv 是的，取决于你的目标群体