CSS: margin-right und absolute Positionierung

Habe ich eine einzelne div auf einer Seite.
Wenn ich jetzt angeben, seine position als absolute und geben Sie Ihre margin-left == 20px:

Verstehe ich. Das div-element sollte eine Verschiebung nach rechts um 20 px, so dass dir existiert eine Marge 0f 20px zwischen dem div und dem Körper.

Nun, wenn ich margin 20px von der rechten Seite, sollte nicht das ganze div verschieben in Richtung der rechten Seite mit einem Abstand von 20px vom Körper.

http://jsfiddle.net/2Jfpj/

.container{
position: absolute;
background-color:gray;
margin-right: 50px; 
height: 200px;
}

Ich weiß, ich kann die position der div-Angabe Werte von Links und rechts. Aber die eigentliche Frage ist, Rand Links funktioniert, aber margin-right nicht! Warum ist es so?
Hilfe dankbar!

  • warum nicht einfach left und right anstelle von Marge?
  • Aber warum nicht margin-right arbeiten hier bei margin-left funktioniert?
  • haben Sie einen Blick auf die akzeptierten Antworten: stackoverflow.com/questions/9998260/...
  • Ich denke, dass der Raum, den Sie denken, ist margin-left auf Ihr element ist eigentlich auf die body element. Nicht diese Geige entfernen Sie es für Sie?
InformationsquelleAutor Navneet Saini | 2013-05-09
  1. 5

    Seine nicht margin-right Sie sind auf der Suche für Sie es ist nur right

    Sehen Sie bitte von meinem fiddle-update:
    JSFIDDLE rechts

    Und wenn Sie wollen, Sie sitzen am unteren Rand des Bildschirms hinzufügen bottom

    Versuchen, diese aktualisierte fiddle: JSFIDDLE unten

    Margin-right funktioniert nicht, weil es hinzufügen margin zu der div-Bereich selbst, während right ist eine position Wert.

    Wenn man sich die box-Modell es zeigt Ihnen, wo die Marge Hinzugefügt. Also Marge ist wirklich verwendet, um die box space aus anderen Objekten um sich herum.

    • Habe ich verstanden. Vielen Dank für Eure Hilfe
    • margin-right verschiebt die Elemente, die es richtig 20pxs von ihm Weg, die Margen drücken Sie einfach das element entfernt, wenn Sie wollen, dass es auf der rechten Seite, während Sie absolute Sie haben Recht, sonst float:right;
    InformationsquelleAutor Andrew
  2. 0

    margin-left funktioniert, weil standardmäßig die box ist abgestimmt auf die Links:; Eigentum. Setzen Sie die Rechte:; Eigentum als u kann einen rechten Rand. Aber bisher kann ich nur setzen, linken oder rechten Rand auf absolut positionierte Elemente. Und daher können Sie einfach nach Links oder rechts, es gibt keine Notwendigkeit für Ränder. Wenn Sie herausfinden, wie zu setzen, linken und rechten Rand in der gleichen Zeit, bitte posten wie!!!

    InformationsquelleAutor user1641252
Schreibe einen Kommentar