<div class="wrapper">
  <p>transform: translate3d(0,0,0)</p>
  <div class="fixed">
    position: fixed
  </div>
</div>

<div class="fixed">
  position: fixed
</div>
html
  font-family: sans-serif

p
  padding: 20px
  
.wrapper
  position: relative
  width: 300px
  height: 300px
  margin: 100px auto
  background-color: #eee
  // This create a new dimension
  transform: translate3d(0,0,0)
  
.fixed
  position: fixed
  right: 0
  bottom: 0
  background-color: #ddd
  padding: 20px

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.