The Relationship Between display, position, and
float
The three properties display, float, and position interact in certain ways.
32 For an example, see the A List Apart article at
http://www.alistapart.com/articles/multicolumnlayouts
185 CSS Layout and Formatting
If an element??™s display property is set to none, no box is generated. In this case,
float and position are ignored.
If an element??™s position property is set to absolute or fixed, it??™s absolutely
positioned. In this case, float is ignored (the computed value is none).
For absolutely positioned elements, floated elements (elements whose float property
is set to left or right), and the root element, the computed value for display is
set according to Table 6.3.
Otherwise, the computed value for display is the same as the specified value.
Table 6.3: Computed Display Values
Computed Value Specified Value
block inline, inline-block, run-in,
table-caption, table-cell,
table-column, table-column-group,
table-footer-group,
table-header-group, table-row, or
table-row-group
table inline-table,
as specified other
Summary
In this section, we covered the way in which elements are described according to
the CSS box model.
Pages:
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284