Problema con hover en div html

Publicado por Sunsheep
hace 3 años

Por qué estos divs se mueven cuando les hago hover?

html:

<div class="bbb">
  <label class="aaa">
    <input type="radio"> Prueba
  </label>
  </div>
  <div class="bbb">
  <label class="aaa">
    <input type="radio"> Etc
  </label>
  </div>

css:

.aaa{
  border:1px solid red;
  display:block;
  opacity:0.5; }
.bbb{
  margin-bottom:5px;}
.bbb:hover{
  border:1px solid red;
}
Respuesta de Dante Alvarez Tupiño
hace 3 años

se mueven porque se está aumentando 1px a todos los lados

Para poder participar del foro necesitas iniciar sesión con tu cuenta. Si no tienes una puedes registrarte utilizando tu email!

Iniciar sesión Quiero registrarme