Position fixed demo

dabblet.css

/* Position fixed demo */

.article-main {
	padding-top: 	40px;
}
.box {
	background: hotpink;
	width: 		100%;
	height: 	43px;
	
	box-shadow: 0 3px 18px #222;

	position: 	fixed;
	left: 		0;
	top: 		0;
}

dabblet.html

<div class="box"></div>
<article class="article-main">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, expedita ipsam ex facilis nesciunt neque sapiente molestiae a eligendi pariatur quis minima aliquid officiis. Quis, quibusdam, aliquid nobis autem incidunt expedita distinctio magnam aliquam tempora quos deleniti corrupti pariatur omnis porro assumenda qui perferendis neque repellat debitis sed non ratione.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, expedita ipsam ex facilis nesciunt neque sapiente molestiae a eligendi pariatur quis minima aliquid officiis. Quis, quibusdam, aliquid nobis autem incidunt expedita distinctio magnam aliquam tempora quos deleniti corrupti pariatur omnis porro assumenda qui perferendis neque repellat debitis sed non ratione.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, expedita ipsam ex facilis nesciunt neque sapiente molestiae a eligendi pariatur quis minima aliquid officiis. Quis, quibusdam, aliquid nobis autem incidunt expedita distinctio magnam aliquam tempora quos deleniti corrupti pariatur omnis porro assumenda qui perferendis neque repellat debitis sed non ratione.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, expedita ipsam ex facilis nesciunt neque sapiente molestiae a eligendi pariatur quis minima aliquid officiis. Quis, quibusdam, aliquid nobis autem incidunt expedita distinctio magnam aliquam tempora quos deleniti corrupti pariatur omnis porro assumenda qui perferendis neque repellat debitis sed non ratione.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, expedita ipsam ex facilis nesciunt neque sapiente molestiae a eligendi pariatur quis minima aliquid officiis. Quis, quibusdam, aliquid nobis autem incidunt expedita distinctio magnam aliquam tempora quos deleniti corrupti pariatur omnis porro assumenda qui perferendis neque repellat debitis sed non ratione.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, expedita ipsam ex facilis nesciunt neque sapiente molestiae a eligendi pariatur quis minima aliquid officiis. Quis, quibusdam, aliquid nobis autem incidunt expedita distinctio magnam aliquam tempora quos deleniti corrupti pariatur omnis porro assumenda qui perferendis neque repellat debitis sed non ratione.</p>
</article>

dabblet.js

// alert('Hello world!');

settings.json

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