我需要垂直动态列而不超过容器div.页面的滚动应该是水平的.以此为例(第21列应向上移动,如图所示)
图片:http://i.stack.imgur.com/f2zWQ.png
html, body {
width: 100%;
height: 100%;
overflow: hidden;
}
#contenedor-principal {
height: 500px;
background-color: lightgray;
}
.columna {
width: 200px;
height: 100%;
}
.nivel {
width: 150px;
min-height: 20px;
margin: 5px;
color:white;
}
.nivel1 {
background-color: green;
}
.nivel2 {
background-color: red;
}
.nivel3 {
background-color: yellow;
}
.nivel4 {
background-color: aqua;
}
.nivel5 {
background-color: black;
}<div id="contenedor-principal">
<div class="nivel nivel1">
1
</div>
<div class="nivel nivel2">
2
</div>
<div class="nivel …