La Position d'un élément de bloc en bas à droite d'un fieldset

J'ai plusieurs pages Razor dans un MVC4 projet de suivre une disposition générale qui peut être considéré ici. Chaque page aura un fieldset, et la plupart ont soit un enregistrement Suivant ou quel que soit le type de bouton. Ce que je voudrais vraiment, et ne peuvent pas comprendre comment obtenir les Enregistrer/Suivant/le bouton de toujours positionner dans le coin inférieur droit de la fieldset. J'ai tenté les solutions de un couple de autres questions, mais malheureusement aucun ne semble s'appliquer à cette situation. Est-ce même possible?

Voici la la feuille de style.

Très belle question & reponse, mais la mise en page ne fonctionne plus.
Oups, merci de me le faire savoir! Il fixe.
stackoverflow.com/questions/33342144/...
stackoverflow.com/q/33342144/4323579 svp aidez-moi ici

OriginalL'auteur AJ. | 2012-05-03

  1. 6

    Mettre le fieldset dans position:relative et mettre le bouton dans Position:Aboslute avec bottom:0 et right:0, cela devrait fonctionner pour un bouton, à la place des autres, de faire la même chose mais le changement de la juste valeur à la moissonneuse-batteuse la largeur des autres boutons.

    Exemple:

    .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: en bas et à droite attributs alignez le bas et le bord droit de l'élément avec le fond et le bord droit de son conteneur. Dans ce cas, bottom: 0 et right: 0 la place à 0 pixel à partir de le coin inférieur droit, vous pouvez mettre autre chose comme bottom: 5px right:5px

    MODIFIER à NOUVEAU: Fixe, la proposition initiale ne fonctionne pas, voici un JSFiddle

    MODIFIER une FOIS de plus: Avec Romias proposition, mettre le bouton dans un div et la position de la div en bas à droite au lieu de cela, voici la mise à jour JSFiddle

    Le mieux est de mettre les entrées dans un div... à la position de l'ensemble du conteneur.
    Vous avez raison, il serait effectivement préférable de mettre le div dans position: absolute avec bottom:0 et right:0 et place des boutons à l'intérieur de ce div, où vous pouvez les positionner comme vous le souhaitez.
    Absolument parfait. Merci pour le JSFiddles, aidé d'une tonne.

    OriginalL'auteur DangerMonkey

  2. 5

    Relative d'abord, puis absolue.

    C'est assez simple, vraiment. La première étape consiste à définir le conteneur parent de la position de la propriété à relative comme suit:

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

    Ce sera définir les limites pour votre prochain élément à être placé, seulement, cette fois, à l'aide de absolue positionnement.

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

    Mettre les deux ensemble:

    <fieldset style="position: relative;">

    ...

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

    Après cela, vous pouvez ajouter un peu de marge à ce div balise (ou retirez le coin inférieur droit un peu) pour ajouter un peu de rembourrage, jeter dans certains styles, etc.

    À peu près ce que j'ai dit, sauf que vous l'avez obtenu sur le premier essai au lieu de 3 modifier par la suite XD

    OriginalL'auteur rdev5

  3. 0

    la suite de la CSS pour les boutons (veuillez ajuster les marges)

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

    OriginalL'auteur rt2800