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/zh-CN/docs/Web/HTML/Element/textarea