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