Containing blocks of fixed elements
The outside border of this div should be 16em from
all edges.
This means the top border should be 2em from the
bottom border of the upper left paragraph and 4em from the upper right
paragraph. The inside edge of the bottom border should match
the inside edge of the lower right paragraph and should be 1em
separated from the inside edge of the top border of the lower
left paragraph (that is, there should be 3em of overlap).
The inside edge of the left border should be 5em from the inside
edge of the right border of the upper left paragraph and 11em from
the inside edge of the right border of the lower left paragraph.
The inside edge of the right border should be 7em from the inside
edge of the left border of the upper right paragraph and 8em from
the inside edge of the left border of the lower right paragraph.
(Back to
CSS Testing Information,
David Baron)
LDB,
dbaron@dbaron.org
This paragraph should have the top of its top (1em green) border
even with the viewport, and the inside edge of the left border
should be even with the edge of the viewport (and thus the left
border should not be visible, but all the left padding should be
visible. The padding should be 1em on all sides.
The content (inside the padding) should be 10em tall and 20em wide.
This paragraph should have its top margin, border, and padding outside
of the viewport (thus invisible), but all of its content should be
within the viewport. Its right border's outside edge should be even
with the edge of the viewport. The padding should be 3em on the right,
and 1em on the bottom and left.
The content (inside the padding) should be 10em tall and 20em wide.
The right border of this paragraph should be separated by 1em from the
edge of the viewport. The bottom border should be separated by 3em
from the bottom of the viewport. The padding around the content should
be 1em on top, 0 on the right, 2em on the bottom, and 3em on the left.
The content (inside the padding) should be 10em tall and 20em wide.
The bottom border of this paragraph should be 5em from the bottom of
the viewport, and the left border of this paragraph should be 3em from
the left edge of the viewport. The padding should be 1em on the top
and bottom and 2em on the right and left.
The content (inside the padding) should be 10em tall and 20em wide.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.
This text should be scrollable. Nothing else should be.