包含Javascript添加的元素的带边框的div

尝试创建一个围绕所有元素的边框，该div在第一个元素中应有一个竖直的高度和宽度，如果元素达到其长度，则应根据元素的数量进行扩展

<div id="contText" ></div>

<input id="send" type="button" value="Send" onclick="myFunction()"></input>

Javascript

---

您可以使用

min height

（和

min width

）将高度初始设置为

300px

，然后随着

div

中内容的增加而扩展

函数myFunction（）{
var para=document.createElement（“P”）；
var t=document.createTextNode（“这是一个段落”）；
第3（t）段；
文件.getElementById（“contText”）.appendChild（第段）；
}

div#contText{
文本对齐：居中；
顶部：30px；
最小宽度：400px；
最小高度：300px；
背景色：白色；
边框：1px纯黑；
}

既然您声明了高度，您就必须在某个点更改高度。我宁愿使用最小高度。让div花费。并添加溢出：隐藏到它，因此它将始终与内容保持一致因此它将与用户一起滚动，但是否仍有方法使滚动条始终位于底部@MadeInDreamsoverflow-y：卷轴；或者x将使滚动条始终可见谢谢@MadeInDreams

         div#contText {

text-align: center;
top:30px;
width:400px;
height:300px;
background-color:white;
border:1px solid black;
        }

function myFunction() {
  var para = document.createElement("P");
  var t = document.createTextNode("This is a paragraph.");
  para.appendChild(t);
  document.getElementById("contText").appendChild(para);
}