See Floating and Clearing (p. 180) for more information about the behavior of floated
elements.
Value
left makes the element generate a block box that is floated to the left
right makes the element generate a block box that is floated to the right
none makes the element generate a box that is not floated
Compatibility
Opera Safari Firefox Internet Explorer
9.2 3.0 2.0 1.3 2.0 1.5 1.0 7.0 6.0 5.5
Buggy Full Full Full Buggy Buggy Buggy Buggy Buggy Buggy
Internet Explorer versions up to and including 6 add three pixels of padding (in the
floated direction) to adjacent line boxes.
In Internet Explorer versions up to and including 6, the left or right margins are
doubled on floated elements that touch their parents??™ side edges. The margin value
is doubled on the side that touches the parent. A simple fix for this problem is to
set display to inline for the floated element.
Internet Explorer for Windows versions up to and including 7:
?– will place a floated box below an immediately preceding line box
?– will expand a left-floated box to the width of the containing block if it has a
right-floated child and a computed width of auto
?– will apply a layout (p.
Pages:
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412