de ajuste globales en html o cuerpo

Question

Tengo algunas preguntas con respecto a la siguiente css que he encontrado:

html, body { 
    height:100%; 
    min-width:100%; 
    position:absolute; 
} 

html { 
    background: none repeat scroll 0 0 #fff; 
    color:#fff; 
    font-family:arial,helvetica,sans-serif; 
    font-size:15px; 
} 

1. es necesario tener la altura y min-width a 100% en el html y el cuerpo? ¿Cuál es el beneficio?
2. ¿Cuál es el motivo para usar position absolute?
3. ¿por qué configuraron el fondo/color/fuente en el html y no en el cuerpo? ¿Hay una diferencia? ¿O es solo preferencia?

Answer 1

1. Por lo general es innecesario. Sin embargo, hay algunas veces donde puede necesitarlo. Por ejemplo, tal vez el archivo css de su sitio web de base/sitio especifique que el tamaño sea diferente (¿conoce esos sitios donde los lados son solo bordes, generalmente blogs? Aquellos anchos se han redimensionado). Tenga en cuenta que cuando tiene un porcentaje es del contenedor principal. Entonces Div A puede tener width: 100%, pero si su contenedor principal tiene width: 500px Div A tendrá 100% de 500px.

2. No hay ninguna razón para position: absolute en el cuerpo html + que se me ocurra. Un efecto colateral del posicionamiento absoluto es que el elemento nolonger "flota en línea" con el resto de los elementos (no estoy seguro de cómo describiría/expresaría esto).

   Por ejemplo, position: relative ignora elementos posicionados absolutamente. Entonces, si tuvieras la Imagen A (absoluta) y la Imagen B (relativa) y B tuviera left: 10px;, la Imagen B se compensaría desde la izquierda del elemento primario, en lugar de donde A habría estado. Espero tener sentido aquí.

   Así que a veces acabo de establecer "posición: absoluta" cada vez que tengo una imagen de fondo. Si es el primer hijo, todo se mostrará en la parte superior (ya que los nuevos elementos se "agregan en la parte superior" e ignoran el elemento de posición absoluta).

3. El cuerpo heredará esas propiedades, por lo que sí, es solo una preferencia.

Answer 2

Ajuste de la anchura o la altura de un elemento a 100% sólo funciona cuando su elemento padre es también en el 100% de esa dimensión. Lo que significa que si el cuerpo o incluso la etiqueta html no están, por alguna razón, al 100% de la altura o el ancho, un elemento dentro de ella con esas propiedades tendrá 0 alto o ancho.

Por ejemplo: http://jsfiddle.net/KZaum/