blob: 6ca2fb383f0b39f3d5f9171ca4ff2ce1aa2765f2 [file] [log] [blame]
<!DOCTYPE html>
| Absolutely positioned elements have their containing blocks set to their
| first ancestor with a position of 'absolute', 'relative' or 'fixed'. They
| should inherit CSS properties from their parent, as usual, even though their
| percentage-based used values are calculated based on their containing block.
.outer-absolute-block {
position: absolute;
font-size: 30px;
font-weight: bold;
color: rgb(0, 0, 255);
.static-block {
position: static;
width: 400px;
height: 400px;
color: rgb(255, 0, 0);
.inner-absolute-block {
position: absolute;
<div class="outer-absolute-block">
<div class="static-block">
<div class="inner-absolute-block">
This text should be red.