首页 > 其他 > 详细

div的最小宽高和最大宽高

时间:2017-11-11 14:02:33      阅读:317      评论:0      收藏:0      [点我收藏+]

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>

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

div的最小宽高和最大宽高

原文:http://www.cnblogs.com/yuweinong/p/7818811.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!