¿Hay alguna manera de colocar un div interno en la parte superior de la página ignorando la posición relativa de los padres?css posición absoluta un divisor interno en la parte superior de la página ignorando la posición relativa de los padres
11
A
Respuesta
13
No, a menos que lo vuelvas a ubicar en el DOM.
(usando position:fixed
podría ser una alternativa si se quiere que sea la ventana relacionada en lugar de documento relacionado)
1
Puede utilizar position: absolute;
y negativos valores:
HTML:
<div id="parent">
<div id="child">
The child's content
</div>
</div>
CSS:
#parent
{
position: relative;
top: 200px;
border: 1px dashed #f00;
height: 50px;
width: 200px;
}
#child
{
position: absolute;
top: -200px;
}
Esto debe hacerlo. Example for you here.
Cuestiones relacionadas
- 1. Posición de CSS: absoluta con la posición: relativa "superior" no funciona
- 2. Posición: Posición absoluta: relativa en Chrome
- 3. Convierta la posición absoluta en relativa
- 4. jquery: ¿puedo animar la posición: absoluta a posición: relativa?
- 5. Posición absoluta pero relativa al padre
- 6. CSS: posición relativa relativa del elemento principal a la altura del niño con posición absoluta
- 7. usando jQuery para obtener la posición de posición absoluta o relativa de un div
- 8. La posición absoluta no funciona
- 9. ¿Cuál es la posición: relativa útil para?
- 10. Obteniendo la posición de la anotación relativa a la pantalla
- 11. ¿Cómo se calcula la posición de la página de un elemento dom cuando el cuerpo puede estar en posición relativa?
- 12. ¿Cómo obtener la posición absoluta de un vértice en three.js?
- 13. CSS: posición del pie de página absoluta o relativa según el tamaño del contenido?
- 14. Desbordamiento de CSS oculto con la posición absoluta
- 15. css posición de la imagen de fondo (¿posición negativa?)
- 16. posición en CSS
- 17. Espacio vertical en los elementos con la posición: absoluta
- 18. Página abajo usabilidad de la tecla con una barra de posición fija en la parte superior de una página
- 19. Posición absoluta, esquina superior derecha (cambio de tamaño)
- 20. Establecer la posición absoluta de una vista
- 21. Cómo establecer la posición absoluta de los widgets en qt
- 22. Cambiar la posición absoluta con FrameLayout
- 23. El ancho de div con la posición absoluta depende del ancho de sus padres?
- 24. CSS - botón de posición de la imagen
- 25. cambiando la posición de un elemento css después de desplazarse hacia abajo en la página
- 26. Posición absoluta y desbordamiento oculto
- 27. ¿Cómo uso las animaciones CSS para deslizar un elemento de posición fijo desde la parte inferior de la página a la parte superior?
- 28. jquery, mueve un elemento interno a la primera posición?
- 29. Centrar en un div con posición absoluta
- 30. Cómo establecer la posición superior usando jquery
sí, que está trabajando si el padre no está en la posición: relativa ... Actualizado a – Gidon
incluir posición relativa. – Kyle
¿hay alguna manera de ignorar por completo al padre? – Gidon