Yes, the element was absolutely positioned. Comments on this article are closed. Helping People Make Websites Since You may remember stacking alphabet blocks into giant towers: Now if we apply the same 20px adjustments that we used before, the result is quite different. The answer requires a little lateral thinking:.
Abbi. Age: 21. Hey guys, I'm Mai Tai
Jaye. Age: 24. Hello my name is Emily
CSS Positioning 101
Containers can contain other HTML elements such as images, text, tables, and so on. Fixed positioning allows you to fix the position of an element to a particular spot on the page, regardless of scrolling. Yes, the element was absolutely positioned. Try it out - scroll down to see all the text. Relative to its original position the element above will now be nudged down from the top by 20px. BTW I like your slide-out Feedback tab on http: Now that was unexpected, at least to me.
Carolyn. Age: 27. i am genuine drama free independent and reliable
Position / Layout / Docs / TACHYONS
No IE support Requires a container or styles on the body Requires many vendor prefixes with different syntaxes to work on modern browsers Possible performance issues. These values cause the boxes to overlap one another, yet do not push each other in different directions. This is where we start to bend the law of gravity to our will. Take a look at our previous example. You may remember stacking alphabet blocks into giant towers: Absolute positioning allows us to remove a container from the context of the other elements around it and position it wherever we want on the page.
Trivia & Notes