div的最小宽高和最大宽高

Posted 2020-10-14 听风语

div的最小宽高和最大宽高很少使用但是很实用，今天敲代码，就遇到了，要在div里设置滚动条，众所周知，一般是设overflow-y:auto,但需要一个高度，只有div里的内容超过这个高度时，才会有滚动条效果。但是这时就会有问题了，如果我div里放了一个表格，当表格为空时，div就为空白，不好看。如果要让div能自动根据其内部内容撑开高度，又不能让其太高咋办呢？

这时，最大高度就可以完美的解决此问题了

<div style="max-height:400px;overflow-y:auto">

　　内容

</div>

同理，设置最小高度

<div style="min-height:200px;">

　　内容

</div>

最大宽度

<div style="max-width:400px;overflow-x:auto;">

　　内容

</div>

最小宽度

<div style="min-width:200px;">

　　内容

</div>

这四个属性也可以配合使用