<!DOCTYPE html>
<!--
 | The 'static position' of block-level elements is 'the position an element
 | would have had in the normal flow', as specified in
 | https://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width and
 | https://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height.
 -->
<html>
<head>
 <style>
   body {
     margin: 0px;
     font-size: 16px;
     font-family: Roboto;
     font-weight: bold;
     color: #F44336;
   }
 </style>
</head>
<body>
<div style="width:100px; height:50px; position:absolute; padding:10px; background-color:#4E342E;">
 I'm hidden
 <div style="position:absolute; width:100%; top:0%; height:50%; background-color: #795548;">
</div>
</body>
</html>