不知何故，输入无法正确感知弹性基础。这是一个最简单的示例，说明输入如何不服从并跨越其父块之外（请参阅jsfiddle):
<div>
<input>
<input>
</div>
<style>
div { display: flex; width: 200px; border: 2px solid red; }
input { flex-basis: 50%; }
</style>
Here is 另一个更全面的案例.
我勒个去？ :)
The input元素有一个固有的 width- 弹性项目的宽度（沿弹性轴）默认为auto。使用重置此min-width: 0- 请参阅下面的演示：
div {
display: flex;
width: 200px;
border: 2px solid red;
}
input {
flex-basis: 50%;
min-width: 0; /* ADDED */
}
<div>
<input>
<input>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
