Skip to main content

BrainJar.com: CSS Positioning

Popularity Report

Total Popularity Score: 0

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Rank

Groups (1)

  • css

    CSS Evangelist

    221 members,394 bookmarks

    a collection of resources of all things CSS- Include how-tos, articles, resources, tools, etc...

Related Lists

Bookmark History

Saved by 65 people (29 private), first by anonymouse user on 2006-03-02


Public Sticky notes

To use CSS for layout effectively, it helps to know how it's used to position page content. This article gives an overview of the methods and rules that govern visual rendering in the CSS2 specification. It also points out some things to watch out for.

Highlighted by joel

Block boxes act as a containing block for any boxes within them. For example, in this code:

<div>
This is the first sentence.
<p>This is the second sentence.</p>
</div>

the DIV element establishes a containing block for both the first string of text and the P element. The P element in turn creates a containing block for the second text string.

Highlighted by joel

Margins can even have negative values

Highlighted by superluke

the content edge of its most recent, block-level ancestor

Highlighted by gpendergraft