段落中的段落達到500像素的高度后，如何將div的高度（500像素）更改為自動？

Question

我希望有一個可以在其中寫入的文本框，目前，我正在使用具有背景和段落的div（

）內的div。 我希望div覆蓋頁面（除邊距外），但是如果您超過了500px的限制，則div在CSS中的高度將更改為auto，以便當您向下瀏覽頁面時仍然有背景。

下面的代碼不是完整版本，為簡單起見，我刪除了不必要的代碼。

 /* Body Preferneces */ body { background-color: #00C5CD; font-size: 25px; } /* Paragraph Text Preferences */ p { font-size: 25pt; color: #000; } #text { background-color: #fff; border: none; text-align: left; display: block; font-size: 16px; width: auto; height: auto; }

 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="CSS.css"> </head> <body> <div id="text"> <div id="identifier"> <p contenteditable="true"></p> </div> </div> </body> </html>

Answer 1

擴展@MichaelCoker的評論... min-height效果很好：

 /* Body Preferneces */ body { background-color: #00C5CD; font-size: 25px; } /* Paragraph Text Preferences */ p { font-size: 25pt; color: #000; } #text { background-color: #fff; border: none; text-align: left; display: block; font-size: 16px; width: auto; height: auto; min-height: 500px; }

 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="CSS.css"> </head> <body> <div id="text"> <div id="identifier"> <p contenteditable="true"></p> </div> </div> </body> </html>

希望能幫助到你

段落中的段落達到500像素的高度后，如何將div的高度（500像素）更改為自動？

問題描述

1 個解決方案

解決方案1
1 已采納 2017-05-22 05:34:54

段落中的段落達到500像素的高度后，如何將div的高度（500像素）更改為自動？

問題描述

1 個解決方案

解決方案1 1 已采納 2017-05-22 05:34:54

解決方案1
1 已采納 2017-05-22 05:34:54