| | |
| | | <html lang="en"> |
| | | <head> |
| | | <meta charset="UTF-8"> |
| | | <title>Title</title> |
| | | <style> |
| | | *{ |
| | | margin: 0; |
| | | /*overflow: hidden;*/ |
| | | } |
| | | body { |
| | | background-color: #fcc499; |
| | | width: 100%; |
| | | min-height: 300px; |
| | | height: auto !important; |
| | | height: 300px |
| | | } |
| | | .header { |
| | | height: 8rem; |
| | | width: 100%; |
| | | background-color: #3F3F3F |
| | | } |
| | | .main { |
| | | width: 100%; |
| | | overflow: scroll; |
| | | background-color: #7a8191; |
| | | |
| | | } |
| | | .kuai { |
| | | height: 100%; |
| | | width: 20%; |
| | | display: inline-block; |
| | | background-color: #2D93CA; |
| | | } |
| | | .zuo { |
| | | float: left; |
| | | } |
| | | .you { |
| | | float: right; |
| | | } |
| | | .th { |
| | | height: 6rem; |
| | | width: 100px; |
| | | border: 1px solid #000000; |
| | | } |
| | | .td { |
| | | height: 8rem; |
| | | width: 15rem; |
| | | border: 1px solid #000000; |
| | | } |
| | | |
| | | |
| | | |
| | | .float { |
| | | left: 0; |
| | | top: 50px; |
| | | position: absolute; |
| | | background-color: #fff; |
| | | width: 92%; |
| | | margin-left: 4%; |
| | | min-height: 300px; |
| | | height: auto !important; |
| | | height: 300px; |
| | | box-shadow: 0px 0px 20px #888888; |
| | | } |
| | | </style> |
| | | <title>项目进度表</title> |
| | | <link rel="stylesheet" href="../../static/css/style4.css"> |
| | | </head> |
| | | <body> |
| | | <div class="header"> |
| | | <div class="kuai zuo">left</div> |
| | | <div class="kuai you">right</div> |
| | | </div> |
| | | <div class="main"> |
| | | <table border="1" rules="all" style="width: 300%;height:200px; text-align:center"> |
| | | <thead> |
| | | <div id="root"> |
| | | <div class="header"> |
| | | <div class="kuai zuo">left</div> |
| | | <div class="kuai you">right</div> |
| | | </div> |
| | | <div class="main"> |
| | | <table border="1" rules="all" style="width: 300%;height:200px; text-align:center"> |
| | | <thead> |
| | | <tr> |
| | | <th class="th">一</th> |
| | | <th class="th">二</th> |
| | |
| | | <th class="th">九</th> |
| | | <th class="th">十</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | </thead> |
| | | <tbody> |
| | | <tr> |
| | | <td class="td">1</td> |
| | | <td class="td">2</td> |
| | |
| | | <!-- <td class="td">10</td>--> |
| | | <!--</tr>--> |
| | | |
| | | </tbody> |
| | | </tbody> |
| | | |
| | | </table> |
| | | </table> |
| | | </div> |
| | | <div class="float"> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;margin: 7px">1</li> |
| | | <li style="height: 100px;background-color: #7a8191;;margin: 7px;">1</li> |
| | | <div style="height: 100px;width: 100%;background-color: #2e4e7e"> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="float"></div> |
| | | |
| | | |
| | | </body> |
| | | </html> |