Свойство bottom

Позиция элемента от нижнего края элемента или от нижнего края элемента относительно которого он расположен. Работает только если элементу задано свойство position, за исключением значения static.

bottom: 10px;
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все

Значения

bottom: 5px;

Возможные единицы: px, em, rem, %, vh, vw. Можно использовать отрицательные значения.

<style>
.example-1 {
    width: 200px;
    height: 200px;
    background: #2e51d3;
    position: relative;
}
.example-1-item {
    width: 20px;
    height: 20px;
    background: #ff8f1b;
    position: absolute;
    bottom: -5px;
}
</style>
<div class="example-1">
    <div class="example-1-item"></div>
</div>

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии