From 48ab29f393257551788ce6f9defcfce2b7a8ca4f Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期二, 06 九月 2022 17:01:40 +0800 Subject: [PATCH] # --- src/main/webapp/views/testview/testview.html | 208 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 208 insertions(+), 0 deletions(-) diff --git a/src/main/webapp/views/testview/testview.html b/src/main/webapp/views/testview/testview.html index 566549b..345a187 100644 --- a/src/main/webapp/views/testview/testview.html +++ b/src/main/webapp/views/testview/testview.html @@ -3,8 +3,216 @@ <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> \ No newline at end of file -- Gitblit v1.9.1