Comment épingler des éléments sur la droite?

Comment dois-je positionner les éléments à être aligné sur le bord droit de la fenêtre?

OriginalL'auteur john2x | 2010-05-28

  1. 13

    Si vous souhaitez supprimer l'élément du flux,

    position: absolute;
right: 0;
top: /* whatever */;

    mais il est difficile de répondre à votre question avec la "bonne" réponse, sans plus de détail/contexte.

    Merci! C'est ce que je voulais.

    OriginalL'auteur Matt Ball

  2. 2

    Vous pouvez flotter à droite comme ceci:

    float: right;

    Qui dépend des éléments autour de lui mais que serait le moyen le plus facile pour vous.

    Noter que cela ne fonctionnera pas pour ABSOLUMENT éléments positionnés évidemment. Voir ce lien pour beaucoup plus de détails: http://www.w3schools.com/css/pr_class_float.asp

    OriginalL'auteur dscher

  3. 2

    Si vous voulez épinglé dans le sens qu'il reste sur le droit de la fenêtre d'affichage, même lorsque vous faites défiler la page, alors vous devez utiliser la correction du positionnement, comme ceci:

    .pinned {  
    position: fixed;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
}

    Évidemment changer le haut/largeur/hauteur pour convenir à votre but.

    OriginalL'auteur DisgruntledGoat

  4. 2

    salut il y a une meilleure façon d'utiliser float:rightpour faire de vos éléments côté droit et si vous voulez fixer ant ne veux pas déplacer ce avec de défilement, vous pouvez utiliser ce un

    .element{  
 position:fixed;
 z-index:1000;
 height:30px;
 width:60px;
 right:0;
}

    et également afficher cette la vue de cette

    OriginalL'auteur Kali Charan Rajput

  5. 0

    l'aide de la flotte de la propriété: 

    float: right;

    OriginalL'auteur GSto

  6. 0

    Vous pouvez également utiliser des éléments en position absolue

    div{  
 position:absolute;
 z-index:1000;
 width:20px;
 height:20px;
 top:0;
 right:0;
}

    Ce sera la broche de la div à droite, en haut à droite de la page. J'utilise 1000 pour les z-index, car il vous permet de cale autres z-index ci-dessous, sans avoir à modifier ce style.

    OriginalL'auteur Christopher Altman

  7. 0
    display: flex;
height: 10%;
width: 100%;
background-color: #111111;
color: #FFFFFF;
text-align: center;
font-size: .85rem;

    Si vous placez votre pied de page en bas de votre code html et l'utilisation de Flex Zone, il sera automatiquement coller au fond de la contenu. Vous devez également faire votre autres divs pour votre contenu display: flex; ainsi.

    Voici un lien vers Flexbox. C'est un bon outil.

    https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    OriginalL'auteur Geeklyrood