BigAB/dabblet.css

## dabblet.css
/**
 * Body 100% height when content has margin problem
 */
html, body {
	position: relative;
	min-height: 100%;
	background: yellow;
	margin: 0;
	padding: 0.1px; /* needed to prevent the margin problem */
	box-sizing: border-box;
}
html {
	height: 100%;
	background: blue;
}

.demo {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	height:1000px;
	margin: 1em;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="just a little demo div"></div>

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Body 100% height when content has margin problem
	*/
	html, body {
	position: relative;
	min-height: 100%;
	background: yellow;
	margin: 0;
	padding: 0.1px; /* needed to prevent the margin problem */
	box-sizing: border-box;
	}
	html {
	height: 100%;
	background: blue;
	}

	.demo {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	height:1000px;
	margin: 1em;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="just a little demo div"></div>