欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

DIV+CSS自适应窗口高度_html/css_WEB-ITnose

程序员文章站 2022-06-09 23:45:30
...
Java代码
  1. DIV+CSS自适应窗口高度
  2. body {
  3. margin: 0;
  4. padding: 0;
  5. color: #ffffff;
  6. }
  7. #header {
  8. width: 100%;
  9. height: 100px;
  10. margin: 0 auto;
  11. padding: 0px;
  12. background-color: #000099;
  13. }
  14. #wrapper {
  15. width: 100%;
  16. margin: 0 auto;
  17. padding: 0px;
  18. background-color: #ffffff;
  19. }
  20. #nav {
  21. float: left;
  22. width: 120px;
  23. margin: 10px 10px 10px 5px;
  24. background-color: #009900;
  25. }
  26. #content {
  27. margin: 10px 10px 10px 145px;
  28. background-color: #990099;
  29. }
  30. #footer {
  31. position: absolute;
  32. width: 100%;
  33. height: 60px;
  34. bottom: 0;
  35. background-color: #990000;
  36. }
  37. Content

  • 当nav和content的高度大于一页的时候,不能满足这个需求,所以需要给nav和content设置min值。

    相关标签: DIV+CSS自适应窗口高度

    上一篇: 求教个facebook api 希望圣人给解答下

    下一篇: php中strpos函数判断字符存在误区_PHP教程

    推荐阅读