Untitled

dabblet.css

.outer {
	width: 500px;
	height: 500px;
	background-color: #88CCFF;
}

.limited {
	width: 200px;
	min-height: 50%;
	max-height: 70%;
	background-color: #CC5555;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	display: flex;
}

.in-limited {
	overflow: auto;
	flex: 1 1;
	background-color: #55CC55;
}

dabblet.html

<div class="outer">
	<div class="limited">
		<div class="in-limited">
			Con Content Content Content ent Content Content Content Content Content Contentent Content Content Content Content Content Contentent Content Content Content Content Content Contentent Content Content Content Content Content Contentent Content Content Content Content Content Contentent Content Content Content Content Content Contentent Content Content Content Content Content Contentent Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content 
		</div>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}