动态拉伸和调整div的大小

Question

我试图在加载一些文本时尽快拉伸div。我可以通过给它的父容器给出min-height：140 px和height：100％来做到这一点。但我的div中的内容正在穿越其父容器。如何限制内部div以使其不会穿过其父容器。

请帮助我，因为我正在尝试这么久。

提前致谢

HP

Answer 1

使用CSS中的overflow属性。

#myDiv {
    overflow:auto;
}

根据您指定的宽度，这将使嵌套div在宽度超过其父级宽度时显示滚动条。

Answer 2

页面上的每个元素都是一个矩形框。这些盒子的大小，位置和行为都可以通过CSS控制。根据行为，我的意思是当它内部和周围的内容发生变化时，盒子如何处理它。例如，如果未设置框的高度，则该框的高度将增大到容纳内容所需的大小。但是当你在盒子上设置一个特定的高度或宽度，而内部的内容不适合时会发生什么？这就是CSS溢出属性的来源，允许您指定您希望如何处理。

overflow:auto;

<强>参考

<强> w3schools
css tricks