globali di impostazione in formato HTML o corpo

Question

Ho alcune domande riguardanti il ​​seguente css che ho trovato:

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. è necessario avere altezza e min-width al 100% sull'html e sul corpo? Qual è il vantaggio?
2. qual è il motivo dell'utilizzo della posizione assoluta?
3. perché hanno impostato lo sfondo/colore/carattere sull'html e non sul corpo? C'è una differenza? O è solo una preferenza?

Answer 1

1. Di solito è inutile. Tuttavia, ci sono alcune volte in cui potrebbe essere necessario. Ad esempio, forse il tuo file css di base/sito web del sito specifica la dimensione in modo che sia diverso (conosci quei siti in cui i lati sono solo bordi, in genere blog? Quelle larghezze sono state ridimensionate). Si noti che quando si ha una percentuale è del contenitore genitore. Quindi Div A può avere width: 100% ma se il contenitore padre ha width: 500px Div A avrà il 100% di 500px.

2. Non c'è alcun motivo per position: absolute sul corpo html + che posso pensare. Un effetto collaterale del posizionamento assoluto è che l'elemento nolonger "fluttua in linea" con il resto degli elementi (non è sicuro come lo descriveresti/lo dirai).

   Ad esempio, position: relative ignora gli elementi posizionati in modo assoluto. Quindi se avevi l'Immagine A (assoluta) e l'Immagine B (relativa) e la B avevano left: 10px;, l'Immagine B sarebbe sfalsata dalla sinistra del genitore, invece di dove sarebbe stata A. Spero di avere un senso qui.

   Così a volte ho appena impostato "position: absolute" ogni volta che ho un'immagine di sfondo. Se è il primo figlio, tutto verrà visualizzato sopra (poiché i nuovi elementi sono "aggiunti in cima" e ignorano l'elemento posizionato in modo assoluto).

3. Il corpo erediterà tali proprietà e quindi sì è solo una preferenza.

Answer 2

impostazione della larghezza o altezza di un elemento al 100% funziona solo quando il suo elemento genitore è anche al 100% di quella dimensione. Il che significa che se il corpo o anche il tag html non è, per qualche ragione, al 100% di altezza o larghezza, un elemento al suo interno con tali proprietà avrà altezza 0 larghezza.

Ad esempio: http://jsfiddle.net/KZaum/