User Tools

Site Tools


css:position:absolute_vs_relative_vs_static

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
css:position:absolute_vs_relative_vs_static [2021/08/08 12:29] – [CSS - Position - Relative] petercss:position:absolute_vs_relative_vs_static [2021/08/08 13:04] (current) peter
Line 9: Line 9:
  <div class=”box” id=”three”>Three</div>  <div class=”box” id=”three”>Three</div>
  <div class=”box” id=”four”>Four</div>  <div class=”box” id=”four”>Four</div>
 +</div>
 </file> </file>
  
Line 68: Line 69:
  
 <WRAP info> <WRAP info>
-**NOTE:**  Absolute Position will not leave any gap where it would have been.+**NOTE:**  Absolute Position has the offset relative to the parent.
  
 +  * It will not leave any gap where it would have been.
   * The position of the Green Box is based on its parent position (the dotted border).   * The position of the Green Box is based on its parent position (the dotted border).
   * Thus, moving 20px to the left and bottom from the top-left origin of the dotted border.   * Thus, moving 20px to the left and bottom from the top-left origin of the dotted border.
 </WRAP> </WRAP>
  
css/position/absolute_vs_relative_vs_static.1628425764.txt.gz · Last modified: 2021/08/08 12:29 by peter

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki