html - Div 宽度和 textarea 对齐并扩展到父级（响应式）

Question

我在 html 中有以下列表：

<style>
    .right { display: inline-block; }
</style>

<ul class="no-bullets-list">
    <li>
    <div class="list-item">
    <h1>Some Text</h1>
    <img src="image-URL"/>
    <div class="right">
            <input type="text"/>
        <textarea></textarea>
    </div>
    </div>
</li>
</ul>

我想像图像一样显示这些元素（顺便说一下，对不起图像:)）

我遇到的问题是带有 class="right" 的 div 不会扩展到父级的大小，因此 textarea 不会相应地增长。我需要能够响应地调整大小，以便 div 和 textarea 必须连续响应。

有任何想法吗？我可以使用引导程序，所以如果有人有使用它的解决方案。

谢谢

Answer 1

文本区域的高度和宽度由它们的“行”和“列”值决定。这些是静态值，因此它们不会根据查看它们的设备而改变。您可以研究 javascript 解决方案，但它可能比它的价值更多的努力。只是我的两分钱。https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea