Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <style> div.parent { position: relative; height: 300px; width: 80%; border: 3px solid #8ebf42; } div.absolute { position: absolute; width: 50%; bottom: 10px; border: 3px solid #8ebf42; } </style> </head> <body> <h2>Exemple de la propriété bottom</h2> <div class="parent"> La position de ce div est définie comme relative. <div class="absolute">Le côté inférieure de ce div est placé 10 pixels au-dessus au côté inférieure de l'élément contenant, et la position est définie comme absolute.</div> </div> </div> </body> </html>