W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

position: fixed;
width: 100%;
height: 100px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
...
...
...
...
9.7 Relationships between ’display’, ’position’,
and ’float’
The three properties that affect box generation and layout -- ’display’, ’position’,
and ’float’ -- interact as follows:
1. If ’display’ has the value ’none’, user agents must ignore [p. 42] ’position’
and ’float’. In this case, the element generates no box.
2. Otherwise, ’position’ has the value ’absolute’ or ’fixed’, ’display’ is set to
’block’ and ’float’ is set to ’none’. The position of the box will be determined
by the ’top’, ’right’, ’bottom’ and ’left’ properties and the box’s containing
block.
3. Otherwise, if ’float’ has a value other than ’none’, ’display’ is set to ’block’
and the box is floated.
4. Otherwise, the remaining ’display’ properties apply as specified.
Note. CSS2 does not specify layout behavior when values for these properties
are changed by scripts. For example, what happens when an element having
’width: auto’ is repositioned? Do the contents reflow, or do they maintain their
original formatting? The answer is outside the scope of this document, and such
behavior is likely to differ in initial implementations of CSS2.
9.8 Comparison of normal flow, floats, and absolute
positioning
To illustrate the differences between normal flow, relative positioning, floats, and
absolute positioning, we provide a series of examples based on the following
HTML fragment:
Comparison of positioning schemes
Beginning of body contents.
115