CSS: 100% ancho menos número fijo de píxeles
Pregunta de Compi | 28/10/2022 a las 09:40
Tengo un cuadro DIV en HTML que ancho debe depender del ancho del elemento parent. Sin embargo, no todo el ancho (100%) sino un poco más pequeño.
Por lo tanto, necesito una regla CSS como "width: 100% - 50px", lo que no funciona, por supuesto. Desafortunadamente, no puedo trabajar con el 80% o algo así, porque el margen siempre debe tener un ancho fijo.
¿Hay alguna posibilidad de resolver esto usando CSS?
Temas Relacionados
CSS: Cómo incluir CSS en HTML
Tutorial | 0 Comentarios
Encontrar Fuentes de Ancho Fijo en la Computadora
Tutorial | 0 Comentarios
CSS: Style para Fuente de Ancho de Carácter Fijo
Pregunta | 1 Respuesta
CSS: span con un ancho fijo
Pregunta | 1 Respuesta
Tabulador CSS
Consejo | 0 Comentarios
HTML/CSS: Alinear Columna de una Tabla completa derecha o centrada
Pregunta | 3 Respuestas
XLS y XLSX: Número máximo de Columnas y Filas
Información | 2 Comentarios
Aviso Importante
Por favor tenga en cuenta: Las contribuciones publicadas en askingbox.com son contribuciones de los usuarios y no deben reemplazar el asesoramiento profesional. No son verificados por independientes y no reflejan necesariamente la opinión de askingbox.com. Aprende más.
Participar
Haga su propia pregunta o escriba su propio artículo en askingbox.com. He aquí cómo.
CSS3 proporciona la nueva función CSS calc() exactamente para este propósito. Usando calc() puede calcular longitudes usando ecuaciones.
En su caso, puede especificar lo siguiente:
.midiv { width: calc(100% - 50px); }Todos los navegadores nuevos y actuales deben admitirlo y comprender eso.
Si lo desea, puede especificar un ancho de retroceso para los navegadores más antiguos antes del ancho de calc, por ejemplo: .midiv {width: 80%; width: calc(100% - 50px);}
28/10/2022 a las 14:07