如果还有空间，如何使输入更宽

Question

如何让我的内联输入填充div的其余部分？显然，width: 100%填充整个div，从而使输入跳转到下一行。

如图所示，红色输入应适合右侧的剩余空间。

如果输入宽度大于剩余空间，则应该换行到新行。这很好。此外，some-content宽度是动态的。

Answer 1

答案是你不能，@ Mike的答案假设你知道“some-content”的宽度，如果是这样你可以设置输入的宽度是容器减去某些内容。

在这种情况下，输入不会像div那样显示块。

Answer 2

您可以在页面加载时使用JavaScript执行此操作：

$(document).ready(function() {
  $("#input").width( $("#container").width() - $("#bubble").width() - 50 );
});

Answer 3

我想如果你：

• float：离开some-content标签
输入的
• margin-left：[some-content tag的宽度]
• margin-right：负数[输入
上的某个内容标记的宽度]
• 宽度：输入100％（尝试99％或98％）

可能会工作。