div1
div2
div3
# Display Position Float Size Offset Position
box
div1
div2
div3
Rules:
  • If display has the value none, user agents must ignore position and float. In this case, the element generates no box.
  • 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.
  • Otherwise, if float has a value other than none, display is set to block and the box is floated.
  • Otherwise, the remaining display properties apply as specified.
For more details, see: W3C CSS2

Display

  • box
  • div1
  • div2
  • div3

Position

  • box
  • div1
  • div2
  • div3

Float

  • box
  • div1
  • div2
  • div3

Visibility

  • box
  • div1
  • div2
  • div3

Offset(80,80)

  • Div1
  • Div2
  • Div3