blob: 526b62ce772d0c772ab310771c9a85eecdf90471 [file] [log] [blame]
<!DOCTYPE html>
<!--
| When absolutely positioned elements have both top and bottom set to non-auto,
| the element's height should be determined by them.
-->
<html>
<head>
<style>
body {
margin: 0;
}
.outer-absolute-block {
position: absolute;
width: 300px;
height: 300px;
background-color: rgb(255, 100, 100);
}
.inner-absolute-block {
position: absolute;
width: 50px;
left: 0px;
top: 100px;
bottom: 100px;
background-color: rgb(100, 100, 255);
}
</style>
</head>
<body>
<div class="outer-absolute-block">
<div class="inner-absolute-block"></div>
</div>
</body>
</html>