HTML-und CSS-button-Ausrichtung

Wie kann ich Rechtsbündig ein button in ein div-Element ohne löschen von Markup-Flow mit valid CSS und HTML? Ist die Anwendung der Rand-leftthe einzige Weg, dies zu tun?

Habe ich eine Struktur wie diese

<div class="navContainer">
    <div class="title">
        <span>Nav Titulo</span>
    </div>
    <div class="navContent">
        Nav Conteudo
    </div>
    <button type="button">Enviar</button>
</div>

<div class="navContainer">
    <div class="title">
        <span>Nav Titulo</span>
    </div>
    <div class="navContent">
        Nav Conteudo
    </div>
</div>

Habe ich, wenn ich button { float: right } oder button { position: absolute } den nächsten div erhalten über die Schaltfläche. Es passiert, dass ich nur wollen, um die position der Schaltfläche auf der rechten Seite

Haben Sie gebunden float:left;-ing die <div> Elemente, die, bevor Sie kommen?
schwebende alles auf der Seite ist der Weg der Wahnsinn...
Könnten Sie float: right mit einem <br /> tag, nachdem die Taste zu zwingen, die div nicht nach oben.
Ich bin nicht einverstanden mit dieser Lösung. Zwingen Ausrichtung mit <br /> Elemente ist Analog zum Futter alles mit Leerzeichen anstelle von Tabulatoren in word-Verarbeitung.
Gut jeder hat das Recht auf eine eigene Meinung. Ich, bis zu einem Grad, abonnieren Sie die Einstellung von, was arbeitet. Und in diesem Fall funktionierte es. Ich bin keineswegs ein purist nur für css oder jeder, dass damit nicht jeder einverstanden, aber am Ende funktioniert es. Vielleicht ein anderes mal sind wir damit einverstanden.

InformationsquelleAutor Rodrigo Souza | 2010-08-12

5

was Sie wollen zu Lesen, ist clearing

wenn Sie schwebte Elemente, Sie gehen aus der Seite fließt, sondern jedes element mit clear:both wird der Aufenthalt in Seite fließen aber nicht erlauben, alles, was auf beiden Seiten von Ihr, schwebte oder nicht.

in der Praxis, indem ein clear:both Elements nachdem Sie schwebt, macht die Dinge so funktionieren, wie Sie es möchten.

InformationsquelleAutor Matt Briggs
1
```
.navContainer { text-align: right; }
```
Nicht ganz. Dies wird auch Rechtsbündig im div-Elemente im inneren.

InformationsquelleAutor mcandre
0

@Matt stimmt. Was Sie tun müssen, ist klar, dass die div-Elemente.
```
.navContainer {clear: both}
```
Wenn Sie möchten, dass Ihre button nach oben ausgerichtet das enthaltende div, müssen Sie möglicherweise verschieben Sie Sie, bevor Sie Ihre div-element der Klasse "Titel".

InformationsquelleAutor ghoppe

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.