Problema de relleno / ancho: ¿Puedo usar el tamaño de la caja con un sistema de cuadrícula, por ejemplo?¿sistema de red 960?
-
28-10-2019 - |
Pregunta
He estado usando el sistema de cuadrícula 960 por un tiempo y siempre tengo el problema al agregar relleno a mis divs.
Me pregunto si es una práctica buena/segura modificar el CSS del sistema de cuadrícula y agregar box-sizing: border-box
a mis clases * grid_x*.¿Hay alguna desventaja?
Hasta ahora he estado usando un div interno con relleno adicional, así que no me meto con mis divs que contienen las clases de cuadrícula.Ha funcionado bien, pero simplemente llena mi diseño con divs adicionales por todas partes.
Es box-sizing
¿una buena opción o tiene alguna otra solución alternativa,soluciones o sugerencias?
Muchas gracias
Solución
creo que es lo mejor si agrega un cuadro dentro de grid_x, luego agregue un borde para el cuadro.
aquí está el ejemplo
html :
<div class="grid_1">
<div class="box">
test
</div>
</div>
css:
.grid_1 {
width:100px;
height:100px;
}
.box{
border:1px solid red;
}
Otros consejos
He estado pensando lo mismo en la corte.Sé que el tema de wordpress HTML Bones usa tamaño de caja y funciona muy bien.No es compatible con IE7 y versiones anteriores, por lo que deberá encontrar una solución alternativa.Dejando a un lado IE7, diría que la respuesta es sí.
editar:Encontré la solución alternativa IE7 http://code.google.com/p/ie7-js/ Funciona como un encanto!