You can put any HTML element at wherever position in the page or absolute based on its parent element.
Relative Positioning:
It changes the position of the HTML element relative to where it normally appears
For example:
<div style=”position:relative;left:80px; top:2px; background-color:yellow;”>
This div has relative positioning
</div>
Absolute Positioning:
An element with position absolute is positioned at the specified coordinates relative to your screen top left corner.
For example:
<div style=”position:absolute; left:80px; top:20px; background-color:yellow:”>
This is absolute positioning.
</div>
Fixed Positioning:
This allows you to fix the position of an element to the browzer window.
For example:
<div style=”position:fixed; left:80px; top:20px; background-color:yellow;”>
This is fixed positioning.
</div>
Relative Positioning:
It changes the position of the HTML element relative to where it normally appears
For example:
<div style=”position:relative;left:80px; top:2px; background-color:yellow;”>
This div has relative positioning
</div>
Absolute Positioning:
An element with position absolute is positioned at the specified coordinates relative to your screen top left corner.
For example:
<div style=”position:absolute; left:80px; top:20px; background-color:yellow:”>
This is absolute positioning.
</div>
Fixed Positioning:
This allows you to fix the position of an element to the browzer window.
For example:
<div style=”position:fixed; left:80px; top:20px; background-color:yellow;”>
This is fixed positioning.
</div>
Comments
Post a Comment