Problema di imbottitura / larghezza - Posso usare il dimensionamento della scatola con un sistema a griglia, ad es.960 sistema di griglia?

Question

Uso il sistema a griglia 960 da un po 'di tempo e ho sempre il problema quando aggiungo il riempimento ai miei div.

Mi chiedo se sia una buona / sicura pratica modificare il CSS del sistema a griglia e aggiungere box-sizing: border-box alle mie classi * grid_x *.Ci sono degli svantaggi?

Finora ho utilizzato un div interno con imbottitura extra, quindi non faccio confusione con i miei div contenenti le classi della griglia.Ha funzionato bene ma riempie il mio layout con div in più dappertutto.

box-sizing è una buona opzione o hai altre soluzioni, soluzioni, suggerimenti?

Molte grazie

Answer 1

Penso che sia la cosa migliore se aggiungi una casella all'interno di grid_x, quindi aggiungi un bordo per la casella.

ecco l'esempio

html:

<div class="grid_1">
    <div class="box">
        test
    </div>
</div>

css:

.grid_1 {
    width:100px;
    height:100px;
}
.box{
    border:1px solid red;
}

Answer 2

Ho pensato la stessa cosa a corte.So che il tema wordpress HTML Bones utilizza il dimensionamento delle scatole e funziona alla grande.Non è supportato in IE7 e versioni precedenti, quindi dovrai trovare una soluzione alternativa.A parte IE7, direi che la risposta è sì.

modifica: Trovata la soluzione alternativa per IE7 http://code.google.com/p/ie7-js/ Funziona a meraviglia!