È * {position: relative} una cattiva idea?

Question

Questo mi causerà un dolore indicibile se lo metto in cima al mio foglio di stile?

* {position:relative} 

Answer 1

I caratteri jolly possono causare problemi di prestazioni se non utilizzati con attenzione. Questo probabilmente non sarebbe il caso nel tuo esempio, ma è una cattiva abitudine da sviluppare.

Ma ancora più importante, è raro che si possa dire in modo definitivo che si desidera applicare qualsiasi comportamento a tutti gli elementi.

Con posizionamento relativo, si al meglio ottenere nulla e nel peggiore dei casi creare molti mal di testa per se stessi cercando di risolvere le cose che normalmente "solo lavoro".

Il posizionamento relativo ha sicuramente i suoi usi. Applicalo quando ne hai bisogno.

Answer 2

È questo che va causarmi dolore indicibile se mi attengo ai vertici del mio foglio di stile?

Sì. Non sarà più possibile lavorare con elementi posizionati in modo assoluto, ad esempio: il posizionamento assoluto sarà sempre relativo all'elemento genitore, che non è quasi mai il risultato desiderato.

Immagino che ci siano ancora più effetti collaterali nel campo delle impostazioni z-index.

Non è una buona idea IMO.

E no, position: static è non deprecato, dopo tutto, è l'impostazione di default :)

Answer 3

E 'una cattiva idea imho come cambia il comportamento predefinito di elementi senza un'indicazione chiara e avrà avere conseguenze impreviste.

Se si desidera che la maggior parte degli elementi sia posizionata relativa, si potrebbe voler pensare semplicemente a creare div e un parente simile.

Answer 4

Rispondendo alla domanda del titolo:

Questa è l'attuale CSS 2.1 spec:

http://www.w3.org/TR/CSS2/visuren.html#propdef-position

valori accettati includono static, relative, absolute, fixed e inherit.

io non sono sicuro di CSS 3 (è ancora work in progress), ma non sembrano parlare static:

http://www.w3.org/Style/CSS/current-work#positioning

Qualunque cosa, non mi interessa davvero ancora :)

Rispondendo alla domanda del corpo:

il valore predefinito è static in modo che ci si stia cambiando la proprietà per ogni singolo elemento della pagina. Il meglio che puoi ottenere è nulla. Il peggio è che probabilmente creerai strani effetti collaterali che non ti accorgerai nemmeno a prima vista.

Inoltre (questa è pura speculazione al mio fianco), non può essere buono per le prestazioni. Sono sicuro che i motori di rendering sono ottimizzati per avere la maggioranza di elementi statici.

Answer 5

Giusto per dare l'altro lato della medaglia, ho usato parecchio questa impostazione e l'ho trovata utile. L'avanzamento principale è la facilità di utilizzare le proprietà di posizionamento (superiore, sinistra, destra, inferiore) senza dover definire il posizionamento relativo sul genitore tutto il tempo.

E 'vero che questa impostazione l'impossibilità di utilizzare il posizionamento assoluto in relazione a qualsiasi altra cosa che il genitore proprio sopra, ma trovo che questo sia una buona cosa. Poiché il primo genitore con 'position: relative' è visivamente di fatto un genitore di qualsiasi bambino con 'position: absolute', allora è solo logico renderli figli diretti anche nella gerarchia HTML.

In breve * {position:relative} costringe una convenzione che rende più facile ragionare come funziona posizionamento.

Caveat 1: Evento se la nuova convenzione semplifica le cose a nuovi arrivati, è diverso da quello che gli esperti sviluppatori di CSS sono usati. Preparati ad affrontare l'opposizione se inizi a usarlo nel grande progetto con molti sviluppatori di frontend.

Avvertenza 2: il problema di prestazioni deve essere testato correttamente. Ho provato a attivare e disattivare questa impostazione su alcuni grandi siti senza notare alcuna differenza, ma non esistono test reali con numeri reali (a mia conoscenza).

Nota finale: la prima riga del secondo paragrafo non è del tutto vera. È sempre possibile sovrascrivere le definizioni di caratteri jolly, impostando il nodo di livello intermedio position: static, se necessario.