码迷,mamicode.com
首页 > Web开发 > 详细

CSS设置div的最小高度和最小宽度

时间:2015-12-29 06:17:27      阅读:371      评论:0      收藏:0      [点我收藏+]

标签:

CSS设置div的最小高度和最小宽度:
所谓设置div的最小高度和宽度就是设置一个值,如果实际宽度或者高度小于此值时,就会将实际的宽度和高度值设置为规定的此最小值,下面就通过实例代码简单做一下介绍。
如果在标准浏览器中,当然可以使用max-height或者max-width实现此效果,例如:

 

max-width:50px;
max-height:100px;

 

以上代码在标准浏览器中是没有任何问题的,但是无奈IE6浏览器并不支持,因为当前还有为数不少的IE6用户,所以需要兼容IE浏览器。代码修改如下:

 

max-width:50px;
max-height:100px; 
width:expression(document.body.clientWidth<50?"50px":"auto"); 
height:expression(document.body.clientWidth<100?"100px":"auto"); 

 

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9656

更多内容可以参阅:http://www.softwhy.com/divcss/

 

CSS设置div的最小高度和最小宽度

标签:

原文地址:http://www.cnblogs.com/come-on/p/5084491.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!