·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]css控制div容器最小宽度最小高度的写法实例代码

时间:2017-07-14 18:22酷播
[html5]css控制div容器最小宽度最小高度的写法

[html5]css控制div容器最小宽度最小高度的写法

  1. * 最小寬度 */ 
  2. .min_width{min-width:300px; 
  3.    /* sets max-width for IE */ 
  4.    _width:expression(document.body.clientWidth < 300 ? "300px" : "auto"); 
  5.  
  6. /* 最大寬度 */ 
  7. .max_width{ 
  8.    max-width:600px; 
  9.    /* sets max-width for IE */ 
  10.    _width:expression(document.body.clientWidth > 600 ? "600px" : "auto"); 
  11.  
  12. /* 最小高度 */ 
  13. .min_height{ 
  14.    min-height:200px; 
  15.    /* sets min-height for IE */ 
  16.    _height:expression(this.scrollHeight < 200 ? "200px" : "auto"); 
  17.  
  18. /* 最大高度 */ 
  19. .max_height{ 
  20.    max-height:400px; 
  21.    /* sets max-height for IE */ 
  22.    _height:expression(this.scrollHeight > 400 ? "400px" : "auto"); 
  23.  
  24. /* 最大最小寬度 */ 
  25. .min_and_max_width{ 
  26.    min-width:300px; 
  27.    max-width:600px; 
  28.    /* sets min-width & max-width for IE */ 
  29.    _width: expression( 
  30.       document.body.clientWidth < 300 ? "300px" : 
  31.         ( document.body.clientWidth > 600 ? "600px" : "auto") 
  32.    ); 
  33.  
  34. /* 最大最小高度 */ 
  35. .min_and_max_height{ 
  36.    min-height:200px; 
  37.    max-height:400px; 
  38.    /* sets min-height & max-height for IE */ 
  39.    _height: expression( 
  40.       this.scrollHeight < 200 ? "200px" : 
  41.         ( this.scrollHeight > 400 ? "400px" : "auto") 
  42.    ); 

 

热门文章

请稍候...
  • 热身双十一,锁定云视频大聚惠
  • 备战双十一,相约直播超值狂欢
保利威视云直播
保利威视云视频
微信付费直播
酷播云免费在线视频整体解决方案
酷播v4.0网页播放器