Zu hoher Inhalt: `overflow-y`

Legt fest, wie ein Bereich oder ein Element, der innerhalb eines anderen Elements definiert ist, angezeigt werden soll, wenn der Inhalt des inneren Elements zu hoch ist.

Code-Beispiel für `overflow-y`:

<style type="text/css">
 .examplediv
 {
  background-color:#efefef;
  border-style:solid #000000 1px;
 }
#divid
{
 position:absolute;
 left:450px; top:350px; width:300px; height:150px;
 overflow-y:scroll;
}
</style>

<body>

  <div id="divid" class="examplediv">
  ...
  </div>

Beispiel ansehen

Initialwert:	visible
Vererbbar:	-
Anwendbar auf:	Block-Elemente
Medium:	Visual
Werte:	visible Der übergroße Inhalt wird angezeigt. Das übergeordnete Element wird in seiner Größe nicht verändert. Der Inhalt läuft über den Rand. hidden Der übergroße Inhalt wird abgeschnitten und nicht angezeigt. scroll Der übergroße Inhalt wird abgeschnitten. Das übergeordnete Element wird mit Scrollbalken angezeigt, um den Inhalt zu vertical scrollen. Ist der Inhalt nicht zu breit, wird der Scrollbalken ausgegraut angezeit. auto Der übergroße Inhalt wird abgeschnitten. Das übergeordnete Element wird mit Scrollbalken angezeigt, um den Inhalt zu vertical scrollen. Im Gegensatz zu scroll werden die Scrollbalken aber nur angezeigt, wenn der Inhalt zu breit ist.