Comment empêcher le déplacement d'un élément lors d'un survol avec une bordure ?

Bordure survolée provoquant un léger ajustement des éléments

Problème :

Une liste non ordonnée d'ancres avec un événement de survol ajoute une bordure , mais les ancres à gauche se déplacent légèrement lorsqu'elles sont survolées en raison d'une augmentation de la largeur. Comment pouvez-vous garantir un positionnement absolu ?

Solution :

L'ajout d'une bordure transparente à l'état de non-survol peut empêcher la « nervosité » lorsque la bordure de survol apparaît.

#homeheader a:visited, #homeheader a{
    border:1px solid transparent;
}

Explication :

La bordure transparente permet la largeur de l'ancre pour rester cohérent, il n'y a donc pas de changement de positionnement lorsque la bordure de survol apparaît. Voici une démo de JSFiddle :

http://jsfiddle.net/TEUhM/3/

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!