¿Hay alguna forma de tener bordes CSS fuera del cuadro (div)? O solución alternativa

Tengo este menú aquí enter image description here ¿Hay alguna forma de tener bordes CSS fuera del cuadro (div)? O solución alternativa

Quiero que el resaltado (hover) se extienda hasta el borde de la caja exterior (menú de servicio). Al igual que el menú emergente. El menú en sí está contenido en otro div - enter image description here

No creo que sea posible tener bordes negativos de la misma forma que puede tener un relleno negativo.

¿Alguien tiene una buena idea sobre cómo hacer que el resaltado del menú se extienda hasta el borde del recuadro exterior al pasar el mouse sobre el mismo?

Esto es Drupal w/Nice Menu por cierto.

Fuente

2011-06-27 winchendonsprings

Parece un problema de margen, tratando de cambiar el margen de relleno, debería funcionar casi exactamente igual e ir al borde.

EDITAR O ajuste el ancho del div externo para que sea el mismo que el div interno.

Fuente

2011-06-27 23:47:59 JacobTheDev

Realmente no puedo cambiar el margen o relleno porque esa caja debe ajustarse a los mismos estilos que todo lo demás en la barra lateral. Al igual que el texto debe ser 15px desde la izquierda, y así sucesivamente. Esperaba encontrar un camino, hacky o no, para desbordar el borde, o el contorno, o algo en lo que no había pensado. – winchendonsprings

¿Qué sucede si intenta cambiarlo de margen a relleno, con los mismos valores? Eso debería tener el mismo espacio, con el fondo y los bordes en el exterior del relleno en lugar del interior. Además, estoy bastante seguro de que las fronteras están fuera del div. Podrías intentar darle un borde de 20 píxeles a la izquierda y a la derecha, y ver si funciona. – JacobTheDev

Además, podrías probar el posicionamiento absoluto, pero eso es un problema. – JacobTheDev

Debe utilizar cuadro de dimensionamiento de la propiedad:

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
-moz-box-sizing: border-box; /* Firefox, other Gecko */ 
box-sizing: border-box;   /* Opera/IE 8+ */

Esto hará que el ajuste frontera y el relleno dentro de las dimensiones de los elementos en contraposición al exterior.

Fuente

2013-01-23 22:22:16 DominicM

¿Hay alguna forma de tener bordes CSS fuera del cuadro (div)? O solución alternativa

Respuesta

Cuestiones relacionadas