段落中的段落达到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