overflow-y：要素から垂直方向にはみ出す内容の表示方法を指定する

/* キーワード値 */
overflow-y: visible;
overflow-y: auto;
overflow-y: clip;
overflow-y: hidden;
overflow-y: scroll;

/* グローバル値 */
overflow-y: inherit;
overflow-y: initial;
overflow-y: revert;
overflow-y: unset;

<section class="samp_box">
	<div id="of_1">
		<h2>overflow-y: visible;</h2>
		<p>あいうえおかきくけこ。さしすせそたちつてと。なにぬねのはひふへほ。</p>
		<p>あいうえおかきくけこ。さしすせそたちつてと。なにぬねのはひふへほ。</p>
	</div>
	<div id="of_2">
		<h2>overflow-y: hidden;</h2>
		<p>あいうえおかきくけこ。さしすせそたちつてと。なにぬねのはひふへほ。</p>
		<p>あいうえおかきくけこ。さしすせそたちつてと。なにぬねのはひふへほ。</p>
	</div>
	<div id="of_3">
		<h2>overflow-y: scroll;</h2>
		<p>あいうえおかきくけこ。さしすせそたちつてと。なにぬねのはひふへほ。</p>
		<p>あいうえおかきくけこ。さしすせそたちつてと。なにぬねのはひふへほ。</p>
	</div>
</section>

.samp_box {
	overflow: auto;
	padding: 0 1rem 5rem;
	background-color: #eee;
	display: grid;
	grid-template: 150px / 1fr 1fr 1fr;
	gap: 1rem;
	resize: horizontal;
}
.samp_box div {
	margin: 1rem 0 0;
	padding: .5rem;
	border: 1px solid #999;
	background-color: #fff;
}
div h2 {
	margin: 0;
	font-size: 1rem;
}
div p {
	margin: .5rem 0 0;
}
#of_1 {
	overflow-y: visible;
}
#of_2 {
	overflow-y: hidden;
}
#of_3 {
	overflow-y: scroll;
}