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

Containing Blocks

Another important concept when working with CSS positioning is the containing block. A containing block is any parent block box to the element you're trying to position. Consider Example 12-2.

Example 12-2. Understanding containing blocks

<div id="content">
<h1>The Black Cat</h1>
<h2>By Edgar Allen Poe</h2>

<p>I married early, and was <a href="http://www.poemuseum.org/">happy to find</a> 
in my wife a disposition not uncongenial with my own. Observing my partiality for 
domestic pets, she lost no opportunity of procuring those of the most agreeable 
kind. We had birds, gold fish, a fine dog, rabbits, a small monkey, and a cat.</p>

<p>This latter was a <a href="http://www.poemuseum.org/">remarkably</a> large and 
beautiful animal, entirely black, and sagacious to an astonishing degree. In 
speaking of his intelligence, my wife, who at heart was not a little tinctured 
with superstition, made frequent allusion to the ancient popular notion, which
regarded all black cats as witches in disguise. Not that she was ever serious 
upon this point - and I mention the matter at all for no better reason than that 
it happens, just now, to be remembered.</p>
</div>

					  


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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