Question

我想要一个可以写入的文本框，目前我在div中使用带背景和段落（

）的div。我希望div除了边距之外覆盖页面，但是如果你超过500px的限制，CSS中div的高度会变为auto，这样当你下到页面时仍然有一个背景。

下面的代码不是完整版，我为了简单起见删除了不必要的内容。

＆＃13;

/* 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;
}

＆＃13;

<!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>

＆＃13;

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>

希望有所帮助

如何在div内部的段落高度达到500px后将div的高度（500px）更改为auto？

1 个答案: