Как у элемента с абсолютным позиционированием сделать margin-bottom?

Рейтинг: 0Ответов: 1Опубликовано: 27.01.2023

html, body {
  margin: 0;
  min-height: 100%;
}
.main {
  border: 1px solid #000;
  width: 100px;
  position: absolute;
  margin-bottom: 100px; /* Не работает */
}
.main > div {
  padding: 2px 10px;
}
<div class="main">
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
  <div>item</div>
</div>

Ответы

▲ 0

Просто - bottom: 50px;
А также left, right, top.