ustawienie globalne w HTML lub organu

Question

że kilka pytań dotyczących następnego css że znaleziono:

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. jest to konieczne, aby wysokość i min szerokości do 100% na html i treści? Jakie są korzyści?
2. Jaki jest powód używania pozycji absolutnej?
3. dlaczego ustawili tło/kolor/czcionkę na html, a nie na ciele? Czy istnieje różnica? Czy to tylko preferencje?

Answer 1

1. Jest to zwykle niepotrzebne. Jednak istnieje kilka razy, kiedy możesz go potrzebować. Na przykład, być może Twój plik css witryny bazowej/witryny określa rozmiar, który ma być inny (znasz te strony, gdzie strony są tylko granicami, zazwyczaj blogi? Te szerokości zostały zmniejszone w dół). Zwróć uwagę, że kiedy masz procent, jest to kontener nadrzędny. Więc Div A może mieć width: 100%, ale jeśli jest to kontener nadrzędny ma width: 500px Div A będzie miał 100% z 500px.

2. Nie ma powodu dla position: absolute na treści html +, które mogę myśleć. Jednym z efektów ubocznych pozycjonowania absolutnego jest to, że element nolonger "pływa w linii" z resztą elementów (nie wiem, jak by to opisać/wyrazić). Na przykład ignoruje elementy pozycjonowane absolutnie. Więc jeśli miałeś obraz A (absolutny) i obraz B (względny), a B miał left: 10px;, obraz B byłby przesunięty względem lewej strony rodzica zamiast miejsca, w którym byłby A. Mam nadzieję, że mam tu sens.

   Czasami po prostu ustawiam "position: absolute" za każdym razem, gdy mam obraz tła. Jeśli jest to pierwsze dziecko, to wszystko pojawi się na nim (ponieważ nowe elementy są "dodawane od góry" i ignorują element pozycjonowany absolutnie).

3. Ciało odziedziczy te właściwości, a więc tak, to tylko preferencje.

Answer 2

ustawienie szerokości lub wysokości elementu do 100% działa tylko wtedy, gdy jego rodzica jest również w 100% tego wymiaru. Co oznacza, że ​​jeśli ciało lub nawet znacznik html nie jest, z jakiegoś powodu, na 100% albo wysokości czy szerokości, element wewnątrz niego z tymi właściwościami będzie miał 0 wysokości lub szerokości.

Na przykład: http://jsfiddle.net/KZaum/