blob: dc4f1a9ab87b4695b3c698e43795048f9e4e988f [file] [log] [blame]
<!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>