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.
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);
<div class="outer-absolute-block">
<div class="inner-absolute-block"></div>