• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 22. Positioning Content with Cas... > Introducing Style Sheet Positioning

Introducing Style Sheet Positioning

Level 2 of the W3C’s CSS specification describes CSS positioning. This accounts for the acronym CSS2. The specification describes three kinds of positioning:

  • Static This kind of positioning locates page elements where the browser would normally place them. In other words, CSS2 does nothing. This is the default.

  • Relative This kind of positioning lays out the Web page normally, but then, just before displaying any positioned elements, shifts them up, down, right, or left of their normal locations. The browser still flows other content around the space where the relatively positioned element would have been had it not been positioned.

  • Absolute This kind of positioning makes an element appear at specific xy-coordinates, measured from the top left corner of some container to the top left corner of the element. The browser reserves no space for the absolutely positioned element; the element just appears at the specified location. Other content doesn’t flow around it.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint