@Maloy123

Как сделать постоянный отступ у фиксированного блока?

Здравствуйте! Возник вопрос: как можно сделать постоянные отступы сверху и снизу у фиксированного блока при скролле? Пришел в голову только "костыль" с прозрачными бордюрами, но в таком случаи у скролл бара появляются тоже отступы, а их быть не должно.

Вот что получается на данный момент codepen.io/anon/pen/gLPoqw

Заранее спасибо за помощь!
  • Вопрос задан
  • 1933 просмотра
Пригласить эксперта
Ответы на вопрос 3
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
перенести скролл на сам блок codepen.io/anon/pen/rWxJZN
Ответ написан
Lynn
@Lynn
nginx, js, css
Вам нужны отступы у .window, у него и задавайте

.container {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.window {
  background: #ffffff;
  width: 900px;
  padding: 10px;
  margin: 20px auto;
}
Ответ написан
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Пример:
codepen.io/anon/pen/vyLjjE

Также, вот это
margin: 20px auto;
top: 0;
bottom: 0;

можно заменить на
margin: 0 auto;
top: 20px;
bottom: 20px;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы