Fixed at corner
HTML
<div class="fixed-at-corner">
<!-- Top-left corner -->
<div class="fixed-at-corner__corner fixed-at-corner__corner--tl">...</div>
<!-- Top-right corner -->
<div class="fixed-at-corner__corner fixed-at-corner__corner--tr">...</div>
<!-- Bottom-right corner -->
<div class="fixed-at-corner__corner fixed-at-corner__corner--br">...</div>
<!-- Bottom-left corner -->
<div class="fixed-at-corner__corner fixed-at-corner__corner--bl">...</div>
</div>
CSS
.fixed-at-corner {
position: relative;
}
.fixed-at-corner__corner {
position: absolute;
}
.fixed-at-corner__corner--tl {
left: 0;
top: 0;
}
.fixed-at-corner__corner--tr {
top: 0;
right: 0;
}
.fixed-at-corner__corner--br {
bottom: 0;
right: 0;
}
.fixed-at-corner__corner--bl {
bottom: 0;
left: 0;
}
Demo