Hallo Zusammen
Ich bin gerade dabei die Übungen zu CSS aus dem html-seminar durchzuarbeiten und verstehe ein bestimmtes Verhalten nicht. Konkret bin ich bei der Übung Steuerung mit Feedback. Es geht um folgendes:
Code
<style>
#parent {
background-color: red;
}
#child {
float: left;
border: 1px black solid;
}
</style>
<div id="parent">
<div id="child">
<ul>
<li>Eintrag1</li>
<li>Eintrag2</li>
<li>Eintrag3</li>
</ul>
</div>
</div>
Alles anzeigen
Sobald das Child DIV für das Attribut float den Wert "left" oder "right" erhält, verhält sich das Parent DIV für mich ganz komisch.
- Das Parent DIV hat keine Hintergrundfarbe mehr
- Fügt man beim parent DIV "margin-bottom: 100px" ein, verschiebt es das Child DIV nach unten. Das verstehe ich nicht. Das Child Element liegt doch innerhalb. Das margin-top würde es nach unten verschieben und nicht das margin-bottom (was sich übrigens ohne diese float Eigenschaft auch so verhält)
Ich hoffe ihr könnt mich aufklären.
Gruss,
arber
//update
schliessendes <div>-tag vergessen