процентные значения берутся как правило

dabblet.css

/*
	процентные значения берутся как правило
	от родителя
*/
html, body
{
	height: 100%;
}

.main
{
	height: 100%;
	background: black;
}

.wrapper, 
.inner
{
	width: 50%;
	height: 40%;
	background: red;
}

.inner
{
	background: yellow;
}

/*
	что позволяет делать хитрости
*/
.inner
{
	position: relative;
	left: -25%;
	
	margin-left: 50%;	
}


/*
	при этом это могут быть и координаты
*/
.main
{
	background: 
		#000 
		url(http://im5-tub-ua.yandex.net/i?id=235344349-27-72&n=5) 
		50% 50% 
		/* ^^^ счет от центра картинки */
		no-repeat;
}

/*
	или размер шрифта, 
	он наследуется от родителя
	
	например, 
	
	body 
	{
		font-size: 16px;
	}
	
	p
	{
		font-size: 200% = 16*2
	}
*/

dabblet.html

<div class="main">
	<div class="wrapper">
		<div class="inner"></div>
	</div>
</div>	

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}