tr + positioning

dabblet.css

/**
 * tr + positioning
 */

tr {
	position: relative;
	outline: 1px solid black;
}

table {
	width: 100%;
	padding: 100px;
}

.foo {
	background: orange;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
}

dabblet.html

<table>
<tr>
	<td>bar</td>
	<td class="foo">foo</td>
</tr>
</table>

dabblet.js

foo.style.color = "blue";
console.log(foo.getAttribute("style"));

settings.json

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