CSS: Ort div auf der rechten Seite des Schwimmers: rechts

Question

Hallo Stapelüberlauf Gemeinschaft. Ich habe 2 dynamische Divs, die ich direkt in einem Container schwimmen möchte. Aber ich möchte, dass das letzte div auf dem HTML mehr rechts ist als das erste. Mein Problem ist, dass ich den HTML-Code nicht ändern kann, nur CSS.

Dies wird für die Navigation zwischen den Seiten verwendet werden, so dass ich beide Divs sichtbar oder nur eins haben kann. Auch wenn ich nur ein div habe, muss es rechts vom Container ausgerichtet sein (deshalb wollte ich Floats verwenden).

Hier ist ein jsfiddle für Sie besser zu verstehen: http://jsfiddle.net/Cthulhu/yVCDZ/1/

I „Weiter“ erscheint nach „Zurück“ wollen. Danke im Voraus.

Answer 1

Statt Schwimmer verwenden display:inline-block; und legen Sie die text-align:right; des Containers

I aktualisierte deine Geige: http://jsfiddle.net/mestekweb/yVCDZ/2/

Das sollte Sie zumindest beginnen.

ps - Sie werden wahrscheinlich Probleme mit IE haben < 8. Ich kann Ihnen auch dort Unterstützung anbieten, wenn Sie brauchen.

Answer 2

Wie ich verstehe, kann sein, dass Sie wollen. Sie können Richtung mit Display verwenden: Inline-Block;

prüfen diese http://jsfiddle.net/yVCDZ/3/

& gibt es eine andere Alternative, die Arbeit in allen Browsern

prüfen diese http://jsfiddle.net/yVCDZ/8/

Answer 3

Quick Update Verwendung Positionierung:

#container { 
    width:300px; 
    height:70px; 
    border:1px solid black; 
    position: relative; 

} 

#previous { 
    width:70px; 
    height:70px; 
    background:gold; 
    position: absolute; 
    right: 70px; 
} 

#next { 
    width:70px; 
    height:70px; 
    background:lightblue; 
    position: absolute; 
    right: 0; 
}