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