diedVIPs

html knowhow

Positionierung












Positionierung
position Positionierung eines HTML-Elements
position gibt die Art der Positionierungsmethode an, die für ein Element verwendet wird.
  • static
  • relative
  • absolute
  • fixed
  • inherit
div.static {position: static; border: 3px solid #73AD21;}
div.relative {position: relative; left: 30px; border: 3px solid #73AD21;}
div.fixed {position: fixed; bottom: 0;
right: 0; width: 300px; border: 3px solid #73AD21;}
div.relative {position: relative; width: 400px; height: 200px; border: 3px solid #73AD21;}
div.absolute {position: absolute; top: 80px;right: 0; width: 200px; height: 100px; border: 3px solid #73AD21;}
div.sticky {position: -webkit-sticky;
position: sticky; top: 0; background-color: green; border: 2px solid #4CAF50;}
img {position: absolute; left: 0px;
top: 0px; z-index: -1;}
overflow overflow steuert, was mit Inhalten passiert, die zu groß sind, um in einen Bereich zu passen. visible
hidden
scroll
auto
div {width: 200px; height: 50px; background-color: #eee; overflow: visible;}
div {overflow: scroll;}
div {overflow: auto;}






Kontakt    Datenschutz   Impressum