Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<body> <div class="hlavni"> <div class="jedna">1</div> <div class="dva">2</div> <div class="tri">3 toto je nějaký super obsah<div class='prekryvny'></div></div> </div> </body>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body {margin:0;padding:0;} body, :root {width:100%;height:100%;} .hlavni {min-height:100%;min-width:100%} .jedna {height:100px;width:200px;position:absolute;left:0; background: yellow;} .dva {height:500px;min-width:500px;width:calc(100% - 400px);position:absolute;left:200px; background: red; z-index: 2;} .tri {height:100px;width:200px;position:absolute;right:0; background: lightblue;} .prekryvny {background: blue; position: absolute; top:0; height: 100%;width: 100%; display: none;} @media (max-width: 920px) { .prekryvny {display: block;} }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>