1. 首頁
  2. 問答
  3. HTML textarea風格

HTML textarea風格

2010-11-03 72 views
0

比方說，在我的網頁的<body>之內，我擁有的就是<textarea>元素。HTML textarea風格

此<textarea>應該與瀏覽器窗口一樣寬和高（減去<body>具有的任何填充或邊距，或每個瀏覽器的任何默認計算樣式）。

我可以通過設置display:block;width:100%使其與窗口一樣寬，但當包含height:100%時，它不會伸展到窗口的高度（請參閱http://jsfiddle.net/4MBAs/）。

如何在不必使用JavaScript的情況下將高度拉伸到達瀏覽器底部—？

來源

2010-11-03 SnickersAreMyFave

回答

1

您也必須在body和html上設置height:100%;。

嘗試這樣的：

body, html { 
    height: 100%; 
} 

textarea { 
    height: 100%; 
    width: 100%; 
}

來源

2010-11-03 22:06:47 oezi

+0

對我來說，使textarea 100％的窗口高度，並與身體填充高於窗口。有沒有辦法避免這種情況？ – MForster 2010-11-03 22:12:52

+0

太棒了！除了（我知道這不是問題的一部分），當我*添加內容超過這個'