csswg-drafts/css2/images/longdesc/flow-static-desc.html at eb78bfe21637aa8f999a6966af752d24ba86673d · w3c/csswg-drafts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
  <head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">

    <title>Long description illustrating absolute positioning
with respect to the initial containing block</title>
  </head>

  <body>
      <h1>Long description illustrating absolute positioning
with respect to the initial containing block</h1>

<P>This diagram illustrates the effects of absolutely positioning a
box with respect to the initial containing block.

<P>A document window is shown, with 8 lines (numbered 1 to 8), each
24px high. All body and "outer" text has been flowed into lines into
lines 1, 2, and 3. The "inner" box has been positioned at "-100, 200"
relative to the "0, 0" coordinates (the upper left corner of the
document window). Most of the "inner" box contents are therefore
rendered outside the document window.

<P>In the following PRE element, each 24 pixel line is simulated by
two lines, the second beginning with the appropriate number. The text
that is to the left of the line numbers lies outside the initial
containing block.  The lines, as they appear in the image, contain
approximately:</p>

<PRE>

      1 Beginning of body contents. [@]Start

      2 of outer contents. End of outer

      3 contents. End of body contents.

      4

Inner 5

Conte 6 nts

      7

      8
</PRE>

<P>The default text color is black.
"Start of outer contents" is red.
The "nts" in "Inner contents" is blue.
"End of outer contents" is red.

<P><a href="../../visuren.html#img-flow-static">Return to image.</a>
  </body>
</html>