console
<section class="s1">
<div data-left></div>
<div data-mid></div>
<div data-right></div>
</section>
<section>
<section class="block" data-left></section>
<section class="block" data-mid></section>
<section class="block" data-right></section>
</section>
.s1 {
overflow: hidden;
margin-bottom: 50px;
}
div {
float: left;
width: 100px;
height: 100px;
}
div[data-left] {
background: red;
}
div[data-mid] {
background: blue;
}
div[data-right] {
background: green;
}
.block {
position: absolute;
width: 100px;
height: 100px;
}
.block[data-left] {
background: red;
}
.block[data-mid] {
left: 100px;
background: blue;
}
.block[data-right] {
right: 0;
background: green;
}