Ako udržať hlavičku statické? [zatvorené] - html5, css3

Som nováčik a pracujem na projekte, v ktorom sa učím a zlepšujem moje schopnosti tvorby webových stránok. Chcem vedieť, ako môžem urobiť hlavičku statickou? Mala by sa pohybovať nadol, keď sa posúvam po stránke. Nejaká pomoc?

odpovede:

Predpokladám, že požadujete pevnú hlavičku, ktorá zostane na mieste pri posúvaní stránky.

Jednoduchým riešením by bolo pridať do vášho súboru CSS pravidlo CSS, ako je uvedené nižšie, a uistite sa, že hlavička html má identifikátor definovaný ako "yourheader"

#yourheader { position:fixed; }

Dúfam, že to pomôže.

Niečo takého predpokladám? Jsfiddle

position:fixed; top: 0; = Fixed to top bottom: 0; = Fixed to Bottom

A tak ďalej zľava a doprava ...

Html:

<div class="header">
This is my header!!!
</div>
<div class="content">Content goes here!!!!</div>

CSS:

body {
margin:0;
}

.header
{
background:#454545;
position:fixed;
top: 0;
width:100%;
padding:5px;
height: 25px;
}

.content
{
margin: 35px;
}