| | |
|---|
| | | <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> |
|---|
| | | </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> |
|---|
| | | <tr> |
|---|
| | | <th class="th">一</th> |
|---|
| | | <th class="th">二</th> |
|---|
| | | <th class="th">三</th> |
|---|
| | | <th class="th">四</th> |
|---|
| | | <th class="th">五</th> |
|---|
| | | <th class="th">六</th> |
|---|
| | | <th class="th">七</th> |
|---|
| | | <th class="th">八</th> |
|---|
| | | <th class="th">九</th> |
|---|
| | | <th class="th">十</th> |
|---|
| | | </tr> |
|---|
| | | </thead> |
|---|
| | | <tbody> |
|---|
| | | <tr> |
|---|
| | | <td class="td">1</td> |
|---|
| | | <td class="td">2</td> |
|---|
| | | <td class="td">3</td> |
|---|
| | | <td class="td">4</td> |
|---|
| | | <td class="td">5</td> |
|---|
| | | <td class="td">6</td> |
|---|
| | | <td class="td">7</td> |
|---|
| | | <td class="td">8</td> |
|---|
| | | <td class="td">9</td> |
|---|
| | | <td class="td">10</td> |
|---|
| | | </tr> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!-- <td class="td">2</td>--> |
|---|
| | | <!-- <td class="td">2</td>--> |
|---|
| | | <!-- <td class="td">3</td>--> |
|---|
| | | <!-- <td class="td">4</td>--> |
|---|
| | | <!-- <td class="td">5</td>--> |
|---|
| | | <!-- <td class="td">6</td>--> |
|---|
| | | <!-- <td class="td">7</td>--> |
|---|
| | | <!-- <td class="td">8</td>--> |
|---|
| | | <!-- <td class="td">9</td>--> |
|---|
| | | <!-- <td class="td">10</td>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!-- <td class="td">3</td>--> |
|---|
| | | <!-- <td class="td">2</td>--> |
|---|
| | | <!-- <td class="td">3</td>--> |
|---|
| | | <!-- <td class="td">4</td>--> |
|---|
| | | <!-- <td class="td">5</td>--> |
|---|
| | | <!-- <td class="td">6</td>--> |
|---|
| | | <!-- <td class="td">7</td>--> |
|---|
| | | <!-- <td class="td">8</td>--> |
|---|
| | | <!-- <td class="td">9</td>--> |
|---|
| | | <!-- <td class="td">10</td>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!-- <td class="td">4</td>--> |
|---|
| | | <!-- <td class="td">2</td>--> |
|---|
| | | <!-- <td class="td">3</td>--> |
|---|
| | | <!-- <td class="td">4</td>--> |
|---|
| | | <!-- <td class="td">5</td>--> |
|---|
| | | <!-- <td class="td">6</td>--> |
|---|
| | | <!-- <td class="td">7</td>--> |
|---|
| | | <!-- <td class="td">8</td>--> |
|---|
| | | <!-- <td class="td">9</td>--> |
|---|
| | | <!-- <td class="td">10</td>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!-- <td class="td">5</td>--> |
|---|
| | | <!-- <td class="td">2</td>--> |
|---|
| | | <!-- <td class="td">3</td>--> |
|---|
| | | <!-- <td class="td">4</td>--> |
|---|
| | | <!-- <td class="td">5</td>--> |
|---|
| | | <!-- <td class="td">6</td>--> |
|---|
| | | <!-- <td class="td">7</td>--> |
|---|
| | | <!-- <td class="td">8</td>--> |
|---|
| | | <!-- <td class="td">9</td>--> |
|---|
| | | <!-- <td class="td">10</td>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!-- <td class="td">6</td>--> |
|---|
| | | <!-- <td class="td">2</td>--> |
|---|
| | | <!-- <td class="td">3</td>--> |
|---|
| | | <!-- <td class="td">4</td>--> |
|---|
| | | <!-- <td class="td">5</td>--> |
|---|
| | | <!-- <td class="td">6</td>--> |
|---|
| | | <!-- <td class="td">7</td>--> |
|---|
| | | <!-- <td class="td">8</td>--> |
|---|
| | | <!-- <td class="td">9</td>--> |
|---|
| | | <!-- <td class="td">10</td>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!-- <td class="td">7</td>--> |
|---|
| | | <!-- <td class="td">2</td>--> |
|---|
| | | <!-- <td class="td">3</td>--> |
|---|
| | | <!-- <td class="td">4</td>--> |
|---|
| | | <!-- <td class="td">5</td>--> |
|---|
| | | <!-- <td class="td">6</td>--> |
|---|
| | | <!-- <td class="td">7</td>--> |
|---|
| | | <!-- <td class="td">8</td>--> |
|---|
| | | <!-- <td class="td">9</td>--> |
|---|
| | | <!-- <td class="td">10</td>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!-- <td class="td">8</td>--> |
|---|
| | | <!-- <td class="td">2</td>--> |
|---|
| | | <!-- <td class="td">3</td>--> |
|---|
| | | <!-- <td class="td">4</td>--> |
|---|
| | | <!-- <td class="td">5</td>--> |
|---|
| | | <!-- <td class="td">6</td>--> |
|---|
| | | <!-- <td class="td">7</td>--> |
|---|
| | | <!-- <td class="td">8</td>--> |
|---|
| | | <!-- <td class="td">9</td>--> |
|---|
| | | <!-- <td class="td">10</td>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!-- <td class="td">9</td>--> |
|---|
| | | <!-- <td class="td">2</td>--> |
|---|
| | | <!-- <td class="td">3</td>--> |
|---|
| | | <!-- <td class="td">4</td>--> |
|---|
| | | <!-- <td class="td">5</td>--> |
|---|
| | | <!-- <td class="td">6</td>--> |
|---|
| | | <!-- <td class="td">7</td>--> |
|---|
| | | <!-- <td class="td">8</td>--> |
|---|
| | | <!-- <td class="td">9</td>--> |
|---|
| | | <!-- <td class="td">10</td>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!-- <td class="td">10</td>--> |
|---|
| | | <!-- <td class="td">2</td>--> |
|---|
| | | <!-- <td class="td">3</td>--> |
|---|
| | | <!-- <td class="td">4</td>--> |
|---|
| | | <!-- <td class="td">5</td>--> |
|---|
| | | <!-- <td class="td">6</td>--> |
|---|
| | | <!-- <td class="td">7</td>--> |
|---|
| | | <!-- <td class="td">8</td>--> |
|---|
| | | <!-- <td class="td">9</td>--> |
|---|
| | | <!-- <td class="td">10</td>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | |
|---|
| | | </tbody> |
|---|
| | | |
|---|
| | | </table> |
|---|
| | | </div> |
|---|
| | | <div class="float"></div> |
|---|
| | | |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
