Как сделать скролл?

Question

[CcJn]

Есть окно, в этом окне есть элементы. Элементы выходят за рамки окна, как сдалать скролл?

.card {
  height: 500px;
  width: 420px;
  display: inline-block;
  margin: 20px;
  box-shadow: 1px 1px 30px rgba(0, 0, 0, .1);
}

#modal #modal-hidden {
  width: 100%;
  height: calc(98% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
}

#modal .card {
  
}

#black-top {
  height: 100vh;
  width: 100%;
  position: fixed;
  background: #000;
  top: 0;
  opacity: .5;
  z-index: 9;
  display: none;
}

Comments

[Ankhena]

всё равно - уходит за пределы

Я не вижу, что вы написали, как я сказала. Да и вообще не вижу, что вы написали.

Где ваша песочница с кодом на codepen.io или аналогах?

Answer 1

[LJ322]

Задайте overflow элементу, в котором необходимо скроллить контент

Comments

[CcJn]

Задаю - всё так же

[LJ322]

CcJn, есть какой-нибудь пример с разметкой в редакторе?

[CcJn]

LJ322,
Только так

<div id="modal">
	  <div class="modal-title">
	    <h1>корзина</h1>
	    <button id="close-modal" class="button">закрыть</button>
	  </div>
	  <div id="modal-hidden">
	    
	  </div>
	</div>

[Ankhena]

CcJn, ну вот ему overflow и размеры или максимальные размеры по крайней мере в том направлении, в котором скролл.

[CcJn]

Ankhena, всё равно - уходит за пределы

[FeST1VaL]

CcJn, тут очень редко встречаются дальние родственники ванги, так что делайте песочницу. Вам дали конкретный и правильный ответ... То что вы не можете в правильное место засунуть overflow, это уже другая проблема.