vertical margins and paddings depend on the parent's width. Are there other CSS properties that do the same?

dabblet.css

/* vertical margins and paddings depend on the parent's width. Are there other CSS properties that do the same? */

div.out {
	width: 800px;
	height: 400px;
	overflow: hidden;
	background: #abc;
}

div.in {
	width: 10%; /* = 80px */
	height: 10%; /* = 20px */
	margin: 10%; /* = 80px 80px 80px 80px */
	padding: 10%; /* = 80px 80px 80px 80px */
	background: #dcb;
}

dabblet.html

<div class="out">
	<div class="in">
		Wat.
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}