事業部的寬度和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必須作出反應。

任何想法？我可以使用bootstrap，因此如果有人使用它的解決方案。

謝謝

Answer 1

textarea的高度和寬度取決於它們的「行」和「列」值。這些是靜態值，所以它們不會根據查看它們的設備而改變。你可以看看JavaScript解決方案，但它可能比它的價值更努力。只是我的兩分錢。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea