floating example

by jshacker

HTML

<div id="descendent">descendent</div>
<div id="floating">floating</div>
<div id="descendent-floating">descendent-floating</div>

CSS

body {
  background-color: rgba(0, 0, 0, 0.1);
}
div {
  border: thin solid rgba(0, 0, 0, 1);
  width: 60%;
}
#floating {
  float: right;
  background-color: rgba(127, 0, 0, 0.5);
}
#descendent-floating {
  position: relative;
  background-color: rgba(0, 127, 0, 0.5);
}