Resultados de la búsqueda a petición "css-position"
¿Por qué los elementos con índice z nunca pueden cubrir a su hijo?
Hoy, después de 4 horas de depuración, aprendí esta regla de la manera difícil: Un elemento padre nunca puede cubrir (apilar encima) su elemento hijo si el padre tiene un índice z de cualquier valor, sin importar cómo cambie el CSS @ del ni ...
Position arreglado en Chrome mobile que causa problemas al desplazarse
He estado investigando este problema durante la última hora y vi preguntas similares, pero no estoy seguro de que sean exactamente el mismo problema. Probablemente relacionado, de alguna manera, pero ninguna de las respuestas me ayudó a ...
¿Por qué usar la posición absoluta hace que el div esté en la parte superior?
Por favor, vea este fragmento muy simple para ilustrar mi pregunta a continuación: #container { position: relative; padding: 20px; border: 2px solid gray; } #back { position: absolute; top: 0; bottom: 50%; left: 0; right: 0; ...
cuerpo {overflow-x: oculto; } posición de rotura: pegajosa
Tengo un elemento que estoy haciendo pegajoso con la posición pegajosa: #header { position: sticky; width: 100vw; top: 0; } <app-header id="header"></app-header>Y eso funciona bien, pero me di cuenta de que si uso: body { overflow-x: hidden; ...
CSS Flexbox: un niño centrado desborda a un padre con posición fija
¿Cómo puedo centrar correctamente el#content sin desbordar el#container? margin: auto funciona un poco, pero me parece un truco, me gustaría no usar ningún margen con CSS Flexbox. Tenga en cuenta que el#cont,ainer tieneposition: fixed. Aquí el ...
Mostrar elemento fuera del div anidado mientras la visibilidad permanece oculta
Quiero lograr esto Esté atento al texto superior'Happy Fruit'. Quiero que se superponga la caja mientras está anidada dentro de ella. [/imgs/b8LZX.jpg] body { background: yellow; padding: 50px; } .slider { width: 100%; height: 650px; ...
Centro padre div con hijos flotantes
El padre no tiene un ancho definido porque hay un número desconocido de niños dentro. ¿Por qué los niños caen en una nueva línea y cómo prevenir eso? Los niños necesitan estar en la misma línea. .wrap { position: absolute; left: 50%; top: ...
¿Por qué `overflow: hidden` impide que` position: sticky` funcione?
En el siguiente fragmento, hay un pegajosodiv colocado dentro de un contenedor. Se adhiere a la parte superior del panel de desplazamiento mientras permanece dentro de su contenedor todo el tiempo. Este es el mismo comportamiento que ...
¿La posición absoluta hace que ese elemento sea un bloque contenedor?
En la especificación css2.1,w3.org [https://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#containing-block-details] , hay un ejemplo que explica cómo se forman los bloques que contienen. <P id="p2">This is text <EM id="em1"> in the ...
¿Por qué no funciona el índice z?
Estoy tratando de entender cómo funciona el índice z. Para hacer eso, he creado un ejemplo simple que consta de cinco divs. Cada uno es hijo del anterior, excepto el primero. Mi objetivo es hacer que el primer div, el contenedor principal de ...