Positioning in CSS by Eric A. Meyer

Author:Eric A. Meyer
Language: eng
Format: epub, pdf
Publisher: O'Reilly Media, Inc.
Published: 2016-04-10T16:00:00+00:00

Figure 1-14. Absolutely positioning an element consistently with its “static” top edge

The “[4]” sits just outside the paragraph’s content because the initial containing block’s left edge is to the left of the paragraph’s left edge.

The same basic rules hold true for left and right being set to auto. In those cases, the left (or right) edge of a positioned element lines up with the spot where the edge would have been placed if the element weren’t positioned. So let’s modify our previous example so that both top and left are set to auto:

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.