我正在尝试获取一个在点击时可能会崩溃的 DIV。对于这个简单的例子，点击是直接在整个 DIV 上触发的。
<div id='fixed'>
<input type='text'>
</div>
#fixed { width: 200px; }
#fixed input { width: 180px; }
.short_fixed { width: 50px !important; }
$('#fixed').click(function(){
$(this).toggleClass('short_fixed');
});
我的示例显示了两种情况：第一种使用“固定”宽度对象，而第二种使用“百分比”宽度。
单击时，第一个 DIV 会截断而不调整其内容大小，从而导致隐藏溢出内容，但它需要基于 px 的宽度，这不是那么理想
相反，第二个根据容器的宽度调整内容，它允许我使用 %，但不会像我想要的那样在折叠时隐藏内容。
所以，我想设置内容宽度为容器宽度的 %（也可以有 % 宽度），就像在第二个例子中一样，但是在容器折叠的情况下第一个行为。