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>Пример свойства bottom</h2> <div class="parent"> Позиция данного div элемента установлена на relative. <div class="absolute">Нижний край данного div элемента расположена на расстоянии 10 px сверху от нижнего края, который содержит элемент, и позиция установлена на absolute. </div> </div> </div> </body> </html>