Position ein block-element in der unteren rechten eines fieldset

Ich habe mehrere Rasierer von Seiten in einem MVC4-Projekt, die Folgen eine Allgemeine layout, die angezeigt werden können hier. Jeder Seite wird eine fieldset, und die meisten haben entweder Sparen oder Weiter, oder was auch immer Art von Taste. Was ich wirklich gerne und kann nicht herausfinden, wie man die Speichern/Weiter/Was auch immer-Taste, um immer die position in der unteren rechten Ecke des fieldset. Ich habe versucht, Lösungen von ein paar anderen Fragen, aber leider keine scheinen auf diese situation anzuwenden. Ist das überhaupt möglich?

Hier ist die stylesheet.

Sehr schöne Frage & Antwort, aber das Allgemeine layout nicht mehr funktioniert.
Oops, vielen Dank, dass mich wissen! Fixiert es.
stackoverflow.com/questions/33342144/...
stackoverflow.com/q/33342144/4323579 plz help me hier

InformationsquelleAutor AJ. | 2012-05-03

  1. 6

    Setzen Sie das fieldset in position:relative setzen und die Schaltfläche in Position:Aboslute mit bottom:0 und right:0 sollte diese Arbeit für eine Schaltfläche, die anderen, die das gleiche tun, aber ändern Sie den Wert richtig zu kombinieren Breite der anderen Tasten.

    Beispiel:

    .lower-right-button{
    position:absolute;
    bottom: 0;
    right: 0;
}
<fieldset style="position: relative">
<input type="submit" value="Save" class="lower-right-button">
<input type="submit" value="New" class="lower-right-button" style="right: 110 px">
</fieldset>

    EDIT: der untere und Der Rechte Attribute richten Sie die unteren und rechten Rand des Elements mit der unteren und rechten Kante des Containers. In diesem Fall bottom: 0 und right: 0 legen wird es 0 pixel von der unteren rechten Ecke, möchten Sie vielleicht, um etwas anderes wie bottom: 5px right:5px

    BEARBEITEN WIEDER: Behoben, der erste Vorschlag hat nicht funktioniert, hier ein JSFiddle

    EDIT MAL WIEDER: Mit Romias proposition, setzen Sie den button in ein div und position des div am rechten unteren Rand statt, hier ist die aktualisierte JSFiddle

    Das beste ist, dass wir die Eingänge in ein div... zur position die ganze Packung.
    Sie haben Recht, es wäre eigentlich besser, das div in position: absolute mit bottom:0 und right:0 und platzieren Sie die Schaltflächen innerhalb dieser div-wo können Sie positionieren Sie diese wie Sie wollen.
    Absolut perfekt. Vielen Dank für die JSFiddles, geholfen eine Tonne.

    InformationsquelleAutor DangerMonkey

  2. 5

    Relative zuerst, dann absolut.

    Es ist eigentlich ganz einfach. Der erste Schritt ist, um legen Sie den übergeordneten container die Eigenschaft "position" relative wie folgt:

    <fieldset style="position: relative;">
    ...
</fieldset>

    Diese wird die Grenzen gesetzt für Ihre nächste element positioniert zu werden, nur dieses mal mit absolute Positionierung.

    <div style="position: absolute; bottom: 0; right: 0;">
    <input type="submit" value="Save" />
</div>

    Indem Sie die beiden zusammen:

    <fieldset style="position: relative;">

    ...

    <div style="position: absolute; bottom: 0; right: 0;">
        <input type="submit" value="Save" />
    </div>
</fieldset>

    Nach dieser, Sie können hinzufügen, einige Rand dieser div tag (oder ziehen Weg von der unteren rechten Ecke ein wenig) das hinzufügen einiger Polsterung, werfen in einige Stile, etc.

    Ziemlich viel, was ich sagte, außer du hast es beim ersten Versuch statt 3 nachträglich Bearbeiten XD

    InformationsquelleAutor rdev5

  3. 0

    verwenden Sie folgenden CSS-Code für buttons (bitte stellen Sie die Ränder)

    position: relative;
margin-top: 45%;
margin-left: 90%;

    InformationsquelleAutor rt2800

Schreibe einen Kommentar