Dovrebbero TUTTE le immersioni fluttuare a sinistra?

0

Sto progettando all'interno di un'applicazione che ho ereditato. Ho lavorato molto per "consolidare" il CSS, che era estremamente sovraccarico di copione e incolla senza molta strategia. Una cosa curiosa che ho trovato è stata la definizione di ALL divs come:

<style>
div{ float: left; }
</style>

Qualche altra applicazione lo fa? Sarei sempre in grado di "svincolare" i div in quanto la maggior parte del mio uso di div è in realtà una divisione del contenuto, costringendo una nuova linea per elementi come telefoni cellulari e tablet. Nelle mie esercitazioni, definirò un div-float a sinistra se ne ho specificamente bisogno per farlo.

    
posta Samuel Fullman 04.07.2014 - 03:09
fonte

1 risposta

2

I selettori basati su elementi come a , img o div vengono principalmente utilizzati per due scopi:

  1. Per ripulire le incoerenze del browser.

    Ad esempio, h1 { font-size: 3em; } rimuoverà le incoerenze nelle dimensioni predefinite tra diversi browser e versioni di browser.

  2. Per impostare il comportamento predefinito anziché un comportamento specifico.

    Ad esempio, img { border: none; } garantisce che Internet Explorer non visualizzerà il bordo blu attorno alle immagini quando sono incorporate in un collegamento. Se, in una pagina, ci sono alcune immagini in cui io voglio per mostrare un bordo e alcune decine di immagini dove non lo faccio, è più facile a img { border: none; } , quindi per impostare un bordo su quelle immagini in cui voglio un bordo.

Nella maggior parte dei siti web, gli elementi sono posizionati in base alle impostazioni predefinite del browser e sono float: left solo quando necessario. Per quei siti web, div { float: left; } non avrebbe senso: non rimuove eventuali incoerenze del browser e imposta il comportamento specifico, piuttosto che quello predefinito.

D'altra parte, alcuni siti web molto specifici potrebbero preferire float: left come predefinito. svidgen layout fluido suggerito. Penso di più ai giochi. Ad esempio, attualmente sto lavorando a un gioco e quasi ogni elemento è position: absolute , quindi #map div { position: absolute; } ha senso.

Per determinare se è necessario mantenere div { float: left; } , studiare:

  • Quanti div s sono in realtà float: left; nella pagina,

  • Quanti non lo sono,

  • Dove viene annullato l'effetto float: left; e quanto è doloroso.

    Potresti anche scoprire che l'effetto è annullato quasi in ogni classe. L'ho ripetuto diverse volte durante il mantenimento di applicazioni legacy, riscontrando alcuni strani stili come div { font-size: 13px !important; } .

risposta data 04.07.2014 - 03:40
fonte

Leggi altre domande sui tag