Benutzer: Gast
Eintrag: clear:after

clear:after

von: marcel
Tags: CSS
Kreise: HTML / CSS / JS
Code: CSS
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

Textfluss wiederherstellen, ohne, dass man ein zusätzliches Div benötigt.

Beispiel:

Code: XML XHTML XSLT HTML
<!-- Methode mit zusätzlichem Div zum clearen -->
<div>
  <div style="float: left; width: 50%;">links</div>
  <div style="float: left; width: 50%; margin-left: 50%">rechts</div>
  <div style="clear: left"></div>
</div>

<!-- Methode mit clear:after -->
<div class="clear">
  <div style="float: left; width: 50%;">links</div>
  <div style="float: left; width: 50%; margin-left: 50%">rechts</div>
</div>
Es gibt noch keine Kommentare.