web-dev-qa-db-fra.com

nav flottant vers la droite avec une position fixe?

La navigation de mon site doit être flottante sur le côté droit du conteneur, mais être dans une position fixe de sorte que chaque fois que la page défile, la navigation soit toujours sur la bonne 350px à partir du haut. Cela a fonctionné jusqu'à ce que j'applique position:fixed, après avoir fait cela, la navigation est bloquée à droite. Des idées sur la façon dont je peux avoir le meilleur des deux mondes (côté droit et position fixe)?

http://jsfiddle.net/eeCgr/

csspositioncss-floatcss-position
16
AMC

L'utilisation de position: fixed nécessite d'ajuster le CSS haut/droit/bas/gauche pour amener votre élément nav à l'emplacement souhaité.

Par exemple:

nav { 
    right: 0; 
    top: 50%; 
}

ou

nav {
    right: 0; 
    top: 0;
}
45
Brad M

Méthode X:

Créez simplement la division requise dans une autre division.

Donner la position: fixe; largeur: 100%; propriétés à la div externe.

donner flotteur: à droite; propriété à l'intérieur div.

Étant donné que les propriétés float et position sont attribuées à deux divisions différentes, elles prendront effet. Assurez-vous que toutes les autres propriétés des deux divisions sont identiques.

(pour masquer la div externe, changez sa valeur alpha (a) de la couleur à 0,00 avec le code HSLa)

2
Emmanuel Lawrence