首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → 布局左 上中 下

布局左 上中 下

时间：2010-11-08

来源：互联网

  1. <?xml version="1.0" encoding="UTF-8"?>
  2.   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.   <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>WiseInfo</title>
  7. <style type="text/css">
  8. <!--
  9. * {
  10. margin:0px;
  11. padding:0px;
  12. }
  13. html, body {
  14. height:100%;
  15. overflow: hidden;
  16. }
  17. html>body {   /*-- for !IE6.0 --*/
  18. width: auto;
  19. height: auto;
  20. position: absolute;
  21. top: 0px;
  22. left: 0px;
  23. right: 0px;
  24. bottom: 0px;
  25. }
  26. body {
  27. border:8px solid #ffffff;
  28. background-color: #ffffff;
  29. }
  30. #mainDiv {
  31. width: 100%;
  32. height: 100%;
  33. _padding-left:160px;
  34. }
  35. #rightDiv {
  36. width: 100%;
  37. height: 100%;
  38. _padding:100px 0px;
  39. }
  40. #mainDiv>#rightDiv {
  41. width:auto;
  42. position:absolute;
  43. left:160px;
  44. right:0px;
  45. }
  46. #leftDiv {
  47. width:156px;
  48. height:100%;
  49. background-color:#99FF33;
  50. position:absolute;
  51. top:0px;
  52. left:0px;
  53. }
  54. #centerDiv {
  55. width: 100%;
  56. height: 100%;
  57. background-color:#00CCFF;
  58. }
  59. #rightDiv>#centerDiv {
  60. height:auto;
  61. position:absolute;
  62. top:100px;
  63. bottom:100px;
  64. }
  65. #topDiv{
  66. height:96px;
  67. width:100%;
  68. background-color:#9933FF;
  69. position:absolute;
  70. top:0px;
  71. }
  72. #bottomDiv{
  73. height:96px;
  74. width:100%;
  75. background-color:#FF9900;
  76. position:absolute;
  77. bottom:0px;
  78. _bottom:-1px; /*-- for IE6.0 --*/
  79. }
  80. -->
  81. </style>
  82. </head>
  83. <body>
  84. <div id="mainDiv">
  85. <div id="leftDiv"></div>
  86. <div id="rightDiv">
  87.     <div id="topDiv"></div>
  88.     <div id="centerDiv"></div>
  89.     <div id="bottomDiv"></div>
  90. </div>
  91. </div>
  92. </body>
  93. </html>
复制代码

作者: cbccool   发布时间: 2010-11-08

效果图：

下载 (4.9 KB)
2010-11-08 16:04

作者: cbccool   发布时间: 2010-11-08

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net