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
<div class="podle-vysky"> <h2>Řešení JavaScriptem</h2> </div> <div class="podle-vysky"> <div class="css"> <h2>CSS řešení</h2> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.podle-vysky { width: 300px; background: #0D6AB7; color: #fff; float: left; margin: 1em; } .css { padding-bottom: 25%; height: 0; overflow: hidden; }
CSS
Autoformát
CSS reset
Až na konci
var el = document.querySelector(".podle-vysky"); el.style.height = (el.clientWidth / 4) + "px";
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>