Hallo Leute!
Ich bräuchte kurz eure Hilfe, um das Box-Modell in CSS, besonders die Margin-Werte ein wenig besser zu verstehen.
Ich weiß, dass ich mit margin, die Abstände des Divs, entweder absolut oder relativ, und mit absoluten oder prozentualen Werten bestimmen kann.
Allerdings verwirrt mich eine negative Prozentangabe sehr.
Folgendes Beispiel (center, right und left sind in einem größerem Div):
sieht so aus:

habe ich verstanden, aber warum ordnet sich das Div "left" bei margin -100% so an?!?!?:

Das verstehe ich nicht, denn was bedeutet das -100% genau, doch eigentlich nur, dass es um eine komplette Breite des übergeordneten Divs nach links geschoben wird, oder?
Vielleicht kann mir jemand auf die Sprünge helfen.
Vielen Dank im Vorraus
Wiesl
Ich bräuchte kurz eure Hilfe, um das Box-Modell in CSS, besonders die Margin-Werte ein wenig besser zu verstehen.
Ich weiß, dass ich mit margin, die Abstände des Divs, entweder absolut oder relativ, und mit absoluten oder prozentualen Werten bestimmen kann.
Allerdings verwirrt mich eine negative Prozentangabe sehr.
Folgendes Beispiel (center, right und left sind in einem größerem Div):
Code:
#center {
position: relative;
float: left;
width: 100%;
}
#left {
position: relative;
float: left;
width: 200px;
}
#right {
position: relative;
float: left;
width: 150px;
}
sieht so aus:

habe ich verstanden, aber warum ordnet sich das Div "left" bei margin -100% so an?!?!?:
Code:
#left {
position: relative;
float: left;
width: 200px;
margin: -100%;

Das verstehe ich nicht, denn was bedeutet das -100% genau, doch eigentlich nur, dass es um eine komplette Breite des übergeordneten Divs nach links geschoben wird, oder?
Vielleicht kann mir jemand auf die Sprünge helfen.
Vielen Dank im Vorraus
Wiesl