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>Ein Beispiel für die Eigenschaft bottom</h2> <div class="parent"> Die Position des Elements div ist auf relativ gesetzt. <div class="absolute">Diese Unterkante von div wird 10 Pixel über der Unterkante des enthaltenden Elements platziert und die Position auf absolut gesetzt.</div> </div> </div> </body> </html>