- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个流动的 div,里面有一个表格,每个 TD 里面有一个正方形,我想在里面放一个水平滚动条。我有几个问题:
我需要帮助。任何人?这是我的代码。谢谢
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style media="all">
body {
background: #F0F0F0;
}
.container, .wrap {
position: relative;
max-width: 800px;
margin: 0 auto;
}
#fixed-Left {
width: 30px;
height: auto;
background: #fff;
position: absolute;
top: 0;
left: 0;
}
.filas {
display: block;
font-weight: bold;
font-size: 11px;
color: #333;
}
.filas ul {
margin: 0;
padding: 10px;
list-style: none;
font-size: 12px;
height: auto;
}
.filas ul li {
height: 16px;
font-weight: bold;
list-style: none;
}
#faded-Left {
width: 20px;
height: 100px;
position: absolute;
top: 0;
left: 30px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1 ); /* IE6-8 */
}
#fixed-Right {
width: 30px;
height: auto;
background: #fff;
position: absolute;
top: 0;
right: 0;
}
#faded-Right {
width: 20px;
height: 100px;
position: absolute;
top: 0;
right: 30px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, right top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1 ); /* IE6-8 */
}
.fluid {
height: 340px;
background: #fff;
margin-left: 30px;
width: 740px;
overflow-y: scroll;
overflow-x: hidden;
}
.cadeiras {
width: auto;
height: auto;
padding-top:7px;
}
tr.rowCadeiras{
width:20px;
padding:30px;
}
.imgRelvado {
width: 100%;
height: 40px;
line-height: 40px;
background: #04b46b;
color: #fff;
text-align: center;
text-transform: uppercase;
margin: 0 auto;
}
.seat {
height: 11px !important;
width: 11px !important;
font-size: 9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: none!important;
cursor: pointer;
}
.seatAvail {
background: #05cd7a;
color: #000;
}
.seatTaken {
background: #dbdbdb;
color: #000;
border: 1px solid #333333;
}
.seatReserv {
background: #858585;
color: #000;
border: 1px solid #5b5b5b;
}
.seatSelect {
background: #f5c226;
color: #000;
border: 1px solid #333333;
}
</style>
</head>
<body>
<div class="wrap">
<div class="imgRelvado">Relvado</div>
<div class="container">
<div id="fixed-Left">
<div class="filas">
<ul>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
</ul>
</div>
</div>
<div id="faded-Left"></div>
<div class="fluid">
<div class="cadeiras">
<table>
<tr class="rowCadeiras">
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
</tr>
<tr class="rowCadeiras">
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
<td class="seat seatAvail"></td>
</tr>
</table>
</div>
</div>
<div id="fixed-Right">
<div class="filas">
<ul>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
</ul>
</div>
</div>
<div id="faded-Right"></div>
</div>
</div>
</body>
</html>
最佳答案
首先将 div
元素添加到您的表格单元格,并将您的 seat
样式应用于它们。固定尺寸设置不适用于表格单元格。
然后像这样调整您的流体
样式:
.fluid {
height: 340px;
background: #fff;
width: 100%;
overflow-x: scroll;
box-sizing: border-box;
padding: 0 30px;
}
水平滚动(overflow-x)并为行号添加一些空间(填充)。
编辑:
面板高度随内容增加(Fiddle):
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.left {float: left;}
.right {float: right;}
.clearfix:before,
.clearfix:after{
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
body {
background: #F0F0F0;
}
.container, .wrap {
position: relative;
max-width: 800px;
margin: 0 auto;
}
.container {
background: #fff;
height: 100%;
}
.numbers {
width: 30px;
}
.fader {
width: 20px;
height: 100%;
position: absolute;
top: 0;
z-index: 100;
}
.fluid, .cadeiras {
height: 100%;
}
.fluid {
padding: 0 30px;
}
.cadeiras {
overflow-x: scroll;
}
.inner {
display: inline-block;
margin: 10px 20px;
}
#faded-Left {
left: 30px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1 ); /* IE6-8 */
}
#faded-Right {
right: 30px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, right top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1 ); /* IE6-8 */
}
.imgRelvado {
height: 40px;
line-height: 40px;
background: #04b46b;
color: #fff;
text-align: center;
text-transform: uppercase;
margin: 0 auto;
}
.filas {
display: block;
font-weight: bold;
font-size: 11px;
color: #333;
}
.filas ul {
margin: 0;
padding: 10px;
list-style: none;
font-size: 12px;
height: auto;
}
.filas ul li {
height: 15px;
font-weight: bold;
list-style: none;
}
.seat div {
height: 11px !important;
width: 11px !important;
font-size: 9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: none!important;
cursor: pointer;
}
.seatAvail div {
background: #05cd7a;
color: #000;
}
.seatTaken div {
background: #dbdbdb;
color: #000;
border: 1px solid #333333;
}
.seatReserv {
background: #858585;
color: #000;
border: 1px solid #5b5b5b;
}
.seatSelect {
background: #f5c226;
color: #000;
border: 1px solid #333333;
}
<div class="wrap">
<div class="imgRelvado">Relvado</div>
<div class="container clearfix">
<div id="fixed-Left" class="numbers left">
<div class="filas">
<ul><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li></ul>
</div>
</div>
<div id="faded-Left" class="fader left"> </div>
<div id="fixed-Right" class="numbers right">
<div class="filas">
<ul><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li></ul>
</div>
</div>
<div id="faded-Right" class="fader right"> </div>
<div class="fluid clearfix">
<div class="cadeiras">
<div class="inner">
<table>
<tr class="rowCadeiras"><td class="seat seatTaken"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td></tr>
<tr class="rowCadeiras"><td class="seat seatTaken"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td></tr>
<tr class="rowCadeiras"><td class="seat seatTaken"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td></tr>
<tr class="rowCadeiras"><td class="seat seatTaken"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td></tr>
<tr class="rowCadeiras"><td class="seat seatTaken"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td></tr>
<tr class="rowCadeiras"><td class="seat seatTaken"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td></tr>
<tr class="rowCadeiras"><td class="seat seatTaken"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td><td class="seat seatAvail"><div></div></td></tr>
</table>
</div>
</div>
</div>
</div>
</div>
关于html - 如何将水平滚动条放入内部有表格的流体 DIv 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28860430/
我试图在 Eclipse v3.7.2 中将 loopj .jar 库添加到我的项目中 首先,我将 .jar 添加到“lib”目录中,右键单击它并选择“添加到构建路径”。它编译得很好,但在执行时出现错
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: Passing two-dimensional array via pointer int table[20
我在 Grafana 中的图表每隔几秒钟就会自动更新一次。随着数据的进入,右侧的最后一个数据点会暂时下降。最终会显示正确的值,但在几次更新时该值较低。这是正常的吗?可以修复吗? 最佳答案 也许,这会有
我不明白为什么我会收到臭名昭著的“IllegalStateException”以及以下代码: private void mergeQueryStrings(String url, Map parame
您好,我正在通过 .php 文件中的 JSON 回显将测试 Android 应用程序链接到 MySQL 数据库。 我能够用整个数据填充 ArrayList,但现在我想将数据分离到变量中,但我无法真正找
我想仅将对象的数据成员的值写入文件,因此这里我不能使用序列化,因为它会写入很多内容其他我不需要的信息。这是我通过两种方式实现的。一种使用字节缓冲区,另一种则不使用它。 不使用 ByteBuffer:第
可能是个简单的问题,但我似乎找不到答案。我正在动态创建一个页面,我可以在其中共享 Twitter 链接。 var twitter = document.createElement('a'); tw
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它. 关闭 9 年前。 Improve
尝试获取我在末尾为 $_SESSION 设置的值作为查询中的 user_id,而不是 $username。我似乎无法修改查询。我确信这对于这里的一些专家来说是非常简单的。 if(isset($_POS
有没有人可以帮助我,我有 mysql 查询,我已经在 phpmyadmin 中测试了它: select items.name, items.category, items.supplier_id, i
我正在尝试 push_back()一个„ std::vector 的符号. 我一直收到错误: character too large for enclosing character literal t
我有一个存储在 char * 中的压缩图像,我想将它放回 AVPacket,以便我可以将它放入 ffmpeg 解码器。有人可以展示如何做到这一点吗?任何示例或教程将不胜感激。 提前致谢 最佳答案 我向
password = str() while password != "changeme": password = input("Password: ") print("Thou Shall
所以我有一个 Map,其中有一些值被传递到一个方法中: public String doThis(Map context){ ..... } 我正在尝试向该 map 插入附加属性 String abc
我遇到了一些我无法弄清楚的问题...我正在编写一个带有接受拖放的 JList 的 Swing Java 应用程序。我想在将文件或文件夹从我的系统拖到 Java 应用程序上时更改光标。 最佳答案 我自己
我正在尝试确定一些关于如何编写异常消息的指南。 例如,让我们假设一个假设的函数必须接收恒定数量的字节(作为 bytes 对象),我们用 [1, 2, 3]。以下是所有可能的异常(exception)情
使用 JSONObject 发送到网络服务当我们将 double(整数)放入零时,该点将被删除 代码 double d = 123.00; JSONObject json = new JSONObje
在 WPF 中,如何将 DataGrid 放在 ComboBox 中以显示多列?像下面这样的东西似乎没有做任何事情:
我正在尝试使用自定义 QStandardItem 在两个 QListViews 之间进行拖放。 除了this document,我在网上找不到我需要的信息这有点帮助,但现在我被困住了。 从一个 QLi
如何将 PDF 放入 NSData 中?我在应用程序的文档目录中以字符串形式找到了 PDF 的位置。当我尝试通过电子邮件发送时,我在电子邮件正文中看到 PDF(而不是看到附件图标。我不知道这是否正常)
我是一名优秀的程序员,十分优秀!