如何自动设置div容器适应内容长度？

Question

我想让div容器可以自动调整其div尺寸（高度）与内容一侧的大小，而不是在文本多于容器区域时离开区域。任何人都可以帮我解决这个问题，而不是编辑div容器的CSS？当我尝试更改div尺寸时，即使它适合内容，但当它超过div区域时，我必须通过CSS代码再次手动进行编辑。

是否可能自动生成？或者可能使用JavaScript函数？

Answer 1

CSS

div#div_id{ 
    height : auto; 
    min-height: 100% !important; 
} 

设置你的DIV高度auto。它会根据您的内容自动调整高度。

Answer 2

你想要的行为只是一个div，或者其他所谓的块级元素，除非你赋予它一个定义的高度，否则它自然会做。因此，只需删除适用于容器的任何固定高度，即可完成。

如果您希望您的div具有某个最小/最大高度，请使用min-height/max-height而不是高度。