posición en CSS

cuál es la diferencia entre la posición relativa y la posición absoluta es CSS eg .style { posición: relative; }posición en CSS

.style { posición: absolute; }

Fuente

2010-05-31 picnic4u

Todo lo que necesita saber en un tutorial práctico rápida, muy buena. http://www.barelyfitz.com/screencast/html-training/css/positioning/ – duckbox

La norma describe aquí: Comparison of normal flow, floats, and absolute positioning

¿Hay algo en particular acerca de esto lo que usted no entiende o quiere dar más explicaciones?

Fuente

2010-05-31 08:52:42 ChrisW

De W3schools:

Absolute

genera una elemento absolutamente posicionado, con relación al primer elemento padre que tiene una posición otro que estático posicionado. La posición del elemento se especifica con la "izquierda", "superior", "derecho", y propiedades "fondo"

relativos

genera una elemento relativamente posicionado, en relación posicionado para su posición normal, por lo que "la izquierda: 20" agrega 20 píxeles hacia la izquierda, del elemento

también puedes ver this page, se le dará muy buena visión general acerca de las posiciones en CSS.

Fuente

2010-05-31 08:53:32

Con relativa, puede colocar el elemento en relación con su posición original y el espacio original todavía está sosteniendo el elemento.

Absoluto saca el elemento del flujo normal del HTML y puede colocarlo en relación con el elemento principal.

Fuente

2010-05-31 08:54:34

¿En relación con el elemento padre? Eso es incorrecto –

@Philippe Leybaert: no necesariamente: si el elemento padre tiene una posición: relativa/absoluta/fija, el posicionamiento absoluto será relativo al elemento padre. – oezi

En relación con el primer elemento principal que se coloca de cualquier manera, si no hay ninguno, será relativo al elemento del cuerpo –

Aquí es un buen tutorial sobre eso:

http://jimbojw.com/wiki/index.php?title=Position_absolute_is_really_relative%3F

Fuente

2010-05-31 08:56:53 Sarfraz

Uso relativa si tenemos en cuenta rango de elemento padre o elementos antes.

Use absolute cuando desee hacer un elemento en posición inviolable.

También puede aprender la diferencia entre la propiedad CSS margin-left y se fue a relativa y absoluta

<html> 
<body> 
    <div style="width:300px; height:200px; margin:auto; background:red"> 
     <div style="position:relative; left:10px; top:20px;"> 
      test 
     </div> 
     <div style="position:relative; left:10px; top:20px;"> 
      test 
     </div> 
     <div style="position:absolute; left:0; bottom:0px;"> 
      test 
     </div> 
        <div style="position:absolute; margin-left:0; margin-bottom:0px;"> 
      test 
     </div> 
    </div> 
</body>

Fuente

2010-05-31 09:04:47

Respuesta

Cuestiones relacionadas