Comment faire en sorte qu'un DIV flotte toujours à l'écran dans le coin supérieur droit ?

Question

Comment faire en sorte qu'un DIV flotte toujours dans le coin supérieur droit de l'écran, de sorte que même lorsque je fais défiler la page vers le bas, le DIV s'affiche toujours au même endroit fixe ? Merci.

Answer 1

Utilisez position: fixed et l'ancrer au top y right côtés de la page :

#fixed-div {
    position: fixed;
    top: 1em;
    right: 1em;
}

IE6 ne prend pas en charge position: fixed cependant. Si vous avez besoin de cette fonctionnalité dans IE6, cette solution purement-CSS semble faire l'affaire. Vous aurez besoin d'un wrapper <div> doit contenir certains des styles pour que cela fonctionne, comme on le voit dans l'exemple suivant feuille de style .

Answer 2

Utilisez position:fixed comme indiqué précédemment, IE6 ne reconnaît pas position:fixed mais avec un peu de magie css, vous pouvez faire en sorte qu'IE6 se comporte bien :

html, body {
    height: 100%;
    overflow:auto;
}
body #fixedElement {
    position:fixed !important;
    position: absolute; /*ie6 */
    bottom: 0;
}

El !important permet d'éviter l'utilisation d'un commentaire conditionnel pour IE. Cela aura #fixedElement utiliser position:fixed dans tous les navigateurs sauf IE, et dans IE , position:absolute prendra effet avec bottom:0 . Cela permettra de simuler position:fixed pour IE6