tryit_yourcode See Results <!DOCTYPE html> <html> <head> <style> div.parent { position: relative; width: 300px; height: 200px; border: 2px solid #ff5722; } div.child { position: absolute; bottom: 20px; left: 10px; width: 200px; height: 70px; border: 2px solid #ff5722; } </style> </head> <body> <h2>CSS Absolute Position</h2> <p>An element with position: absolute will be positioned with respect to its parent that has a position other than static.</p> <div class="parent">This div element has relative position. <div class="child">This div element has absolute position.</div> </div> </body> </html>
