css 锁表头
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<style>
html,
body {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
#app {
background-color: #f00;
height: 100%;
width: 100%;
}
.widthpx {
font-size:20px;
display: inline-block;
width: 150px;
line-height: 40px;
}
.widthpx2 {
font-size:20px;
width: 150px;
line-height: 40px;
}
.leftdiv {
background-color: #ccc;
}
.headerdiv {
background-color: #ccc;
}
</style>
</head>
<body>
<div id="app">
<div style="height:500px;width:100%;overflow: auto;position: relative; text-align:center;font-size: 0;">
<div style="position:sticky;top:0;left:0;width:150px;height:40px;float:left; background-color: #1f2eff;z-index:99;color: #ccc;">
</div>
<div style="position:sticky;top:0;margin-left:150px;background-color: #f00;z-index:10;">
<div style="white-space: nowrap;">
<div class="widthpx headerdiv">header1</div>
<div class="widthpx headerdiv">header2</div>
<div class="widthpx headerdiv">header3</div>
<div class="widthpx headerdiv">header4</div>
<div class="widthpx headerdiv">header5</div>
<div class="widthpx headerdiv">header6</div>
<div class="widthpx headerdiv">header7</div>
<div class="widthpx headerdiv">header8</div>
<div class="widthpx headerdiv">header9</div>
<div class="widthpx headerdiv">header10</div>
<div class="widthpx headerdiv">header11</div>
<div class="widthpx headerdiv">header12</div>
<div class="widthpx headerdiv">header13</div>
</div>
</div>
<div style="position:sticky;left:0;background-color: #f00;z-index:9;width:150px;">
<div style="white-space: nowrap;">
<div class="widthpx2 leftdiv">left1</div>
<div class="widthpx2 leftdiv">left2</div>
<div class="widthpx2 leftdiv">left3</div>
<div class="widthpx2 leftdiv">left4</div>
<div class="widthpx2 leftdiv">left5</div>
<div class="widthpx2 leftdiv">left6</div>
<div class="widthpx2 leftdiv">left7</div>
<div class="widthpx2 leftdiv">left8</div>
<div class="widthpx2 leftdiv">left9</div>
<div class="widthpx2 leftdiv">left10</div>
<div class="widthpx2 leftdiv">left11</div>
<div class="widthpx2 leftdiv">left12</div>
<div class="widthpx2 leftdiv">left13</div>
<div class="widthpx2 leftdiv">left14</div>
<div class="widthpx2 leftdiv">left15</div>
<div class="widthpx2 leftdiv">left16</div>
<div class="widthpx2 leftdiv">left17</div>
<div class="widthpx2 leftdiv">left18</div>
<div class="widthpx2 leftdiv">left19</div>
<div class="widthpx2 leftdiv">left20</div>
<div class="widthpx2 leftdiv">left21</div>
<div class="widthpx2 leftdiv">left22</div>
<div class="widthpx2 leftdiv">left23</div>
<div class="widthpx2 leftdiv">left24</div>
<div class="widthpx2 leftdiv">left25</div>
<div class="widthpx2 leftdiv">left26</div>
<div class="widthpx2 leftdiv">left27</div>
<div class="widthpx2 leftdiv">left28</div>
<div class="widthpx2 leftdiv">left29</div>
<div class="widthpx2 leftdiv">left30</div>
<div class="widthpx2 leftdiv">left31</div>
<div class="widthpx2 leftdiv">left32</div>
<div class="widthpx2 leftdiv">left33</div>
<div class="widthpx2 leftdiv">left34</div>
<div class="widthpx2 leftdiv">left35</div>
<div class="widthpx2 leftdiv">left36</div>
<div class="widthpx2 leftdiv">left37</div>
<div class="widthpx2 leftdiv">left38</div>
<div class="widthpx2 leftdiv">left39</div>
<div class="widthpx2 leftdiv">left40</div>
<div class="widthpx2 leftdiv">left41</div>
</div>
</div>
<div style="position: absolute;top:40px;left:150px;">
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
<div style="white-space: nowrap;">
<div class="widthpx ">conten1</div>
<div class="widthpx">conten2</div>
<div class="widthpx">conten3</div>
<div class="widthpx">conten4</div>
<div class="widthpx">conten5</div>
<div class="widthpx">conten6</div>
<div class="widthpx">conten7</div>
<div class="widthpx">conten8</div>
<div class="widthpx">conten9</div>
<div class="widthpx">conten10</div>
<div class="widthpx">conten11</div>
<div class="widthpx">conten12</div>
<div class="widthpx">conten13</div>
</div>
</div>
</div>
</div>
<script>
const app = new Vue({
el: '#app',
data() {
return {
message: 'Hello Vue!'
}
},
created() {}
})
</script>
</body>
</html>
