How to Do Absolute Positioning With CSS

Step-by-Step Guide

1. 1

   Step 1: Add a positioning property and value to an element's style on an HTML page

   This is written as position: absolute;
2. 2

   Step 2: or to any class or ID in a CSS style sheet.

   This may be from the top, bottom, left, or right side of the screen.
   
   For example, to position an element along the right side of the screen, use the right property. , For example, to position an element 5 pixels from the right side of the screen, add right: 5 px; to an element's style or to a class or ID in a CSS style sheet. ,
3. 3

   Step 3: Determine a reference point.

4. 4

   Step 4: Assign a value to your reference point.

5. 5

   Step 5: Reference this example for specific uses: In a CSS style sheet

6. 6

   Step 6: such as styles.css: #footer {position: absolute; bottom: 0%;}

Detailed Guide

About the Author