搜索
热搜： 编程 Python Microsoft 编程语言 C++
首页> 前端开发 > Css3 > 正文

CSS控制div宽度最大宽度/高度和最小宽度/高度的方法

发布时间：2023-01-01 22:19:23 来源：互联网
.
秋天是收获的季节。柿子树上缀满了小红灯笼似的柿子，沉甸甸的，把枝头都压弯了。枫树的叶子火红火红的，像一堆正在燃烧的火焰。那梧桐树的枯叶在秋风中纷纷飘落下来，像翩翩起舞的金色蝴蝶。

在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度，但是在IE6中很多朋友都会遇到不兼容的头疼问题，包括我也经常遇到这样的问题，在百度查了很多都没法解决，后来在一个论坛上学习到，在这里跟大家分享下css3样式代码，经过时间完全兼容各大主流浏览器。

CSS Code复制内容到剪贴板
  1. *最小寬度*/
  2. .min_width{min-width:300px;
  3. /*setsmax-widthforIE*/
  4. _width:expression(document.body.clientWidth<300?"300px":"auto");
  5. }
  7. /*最大寬度*/
  8. .max_width{
  9. max-width:600px;
  10. /*setsmax-widthforIE*/
  11. _width:expression(document.body.clientWidth>600?"600px":"auto");
  12. }
  14. /*最小高度*/
  15. .min_height{
  16. min-height:200px;
  17. /*setsmin-heightforIE*/
  18. _height:expression(this.scrollHeight<200?"200px":"auto");
  19. }
  21. /*最大高度*/
  22. .max_height{
  23. max-height:400px;
  24. /*setsmax-heightforIE*/
  25. _height:expression(this.scrollHeight>400?"400px":"auto");
  26. }
  28. /*最大最小寬度*/
  29. .min_and_max_width{
  30. min-width:300px;
  31. max-width:600px;
  32. /*setsmin-width&max-widthforIE*/
  33. _width:expression(
  34. document.body.clientWidth<300?"300px":
  35. (document.body.clientWidth>600?"600px":"auto")
  36. );
  37. }
  39. /*最大最小高度*/
  40. .min_and_max_height{
  41. min-height:200px;
  42. max-height:400px;
  43. /*setsmin-height&max-heightforIE*/
  44. _height:expression(
  45. this.scrollHeight<200?"200px":
  46. (this.scrollHeight>400?"400px":"auto")
  47. );
  48. }

以上就是小编为大家带来的CSS控制div宽度最大宽度/高度和最小宽度/高度的方法全部内容了，希望大家多多支持~

以下您可能有感兴趣的文章:
标签： CSS div
关于好代码 | 联系方式 | 版权声明 | 合作赞助 | 网站地图