textarea的表格單元格內不調整到細胞的Firefox

下高度當我把一個文本在表格單元格...textarea的表格單元格內不調整到細胞的Firefox

<table style="height:200px"> 
    <tr> 
     <td>Some<br>nifty<br>text<br>filler</td> 
     <td style="padding:0px"> 
      <div style="height:100% !important"> 
       <textarea style="resize:none; height:100% !important; width:100% !important" data-ng-model="modelLogin.inpMtext"> 
      </div> 
     </td> 
    </tr> 
</table>

...我格外小心，確保兩個textarea的和包含div具有100％的重要高度...... textarea確實覆蓋了Chrome下的所有單元格的高度，但不包含在Firefox下。

任何想法爲什麼和/或如何解決Firefox下的情況？

來源

2013-10-07 angularJsNewbie

檢查HTTPS！ //stackoverflow.com/a/10943721/3063226，使用box-sizing：border-box;爲textarea可能是你在找什麼。 – Heitor

Mozilla完全正確！你指定一個textarea的高度爲其父項的100％。它的父母（div）是其父母（td）身高的100％。 Td高度是不確定的，所以它不能伸展到整個高度。 [有人可能會認爲TD的身高=桌子的高度，但這種假設是不完全正確] 要解決它，你必須分配100％的高度，像這樣：

<td style="height:100%">

規則很簡單：如果你申請以百分比表示的寬度/高度/邊距，確保你的瀏覽器有一個基準來計算它（每個父母直到最終高度必須達到它的高度）。

如果沒有幫助，添加顯示：塊textarea的（不太清楚它真正需要的） and ...您可以與多個刪除這些討厭的內嵌樣式importants :-)

來源

2013-10-07 14:54:15

也是元素應該有100％的高度。 –

textarea的表格單元格內不調整到細胞的Firefox

回答

相關問題