courtesy:http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#floats
The three properties that affect box generation and layout —
'display',
'position', and
'float' — interact as follows:
- If 'display'
has the value 'none', then
'position' and
'float' do not apply.
In this case, the element generates no box.
- Otherwise, if 'position'
has the value 'absolute' or 'fixed', the box is absolutely positioned,
the computed
value of 'float' is 'none',
and display is set according to the table below.
The position of the box will be determined by the 'top', 'right', 'bottom' and 'left' properties and the box's
containing block.
- Otherwise, if 'float' has a value other than 'none', the box is
floated and 'display' is set according to the table below.
- Otherwise, if the element is the root element,
'display' is set according to the table below, except that it is
undefined in CSS 2.1 whether a specified value of 'list-item'
becomes a computed value of 'block' or 'list-item'.
- Otherwise, the remaining 'display' property values apply
as specified.
| Specified value | Computed value |
|---|
| inline-table | table |
| inline, table-row-group, table-column,
table-column-group, table-header-group, table-footer-group, table-row,
table-cell, table-caption, inline-block | block |
| others | same as specified |
No comments:
Post a Comment