Dimensión CSS (Dimension)

Regla 'face'

Atributos de tamaño CSS, utilizados para controlar la altura y el ancho de los elementos.

Atributos de tamaño CSS-Este CSS proporciona varios atributos, como 'width', 'height', 'max-width y max

La propiedad 'height' y otros, le permiten dimensionar el Box (caja). En la sección siguiente se presentará cómo utilizar estas propiedades para crear mejores diseños de página web.

Ancho (Width) y Altura (Height) propiedadesLas propiedades 'width' y 'height' definen el ancho y la altura del área de contenido de un elemento. Este ancho y esta altura no incluyen relleno, borde o márgenes. Consulte 　 Modelo de cuadro CSS,

para entender cómo calcular el ancho y la altura efectivos.Las propiedades 'width' y 'height' pueden adoptar valores de longitud (como px, pt, em, etc.), unoPorcentaje

div　{
　　　　width:　300px;
　　　　00px，la altura real del elemento será　200px;
}

，o la palabra clave 'auto'. No se permiten valores de longitud negativos.3Esta regla de estilo asigna200 píxeles de ancho fijo y00 píxeles de altura se asignan a<div>

00px，el ancho real del elemento será-El valor se refiere al ancho del bloque que contiene al elemento.

00px，el ancho real del elemento será-Atributo de altura máxima 'height'

00px，el ancho real del elemento será-La propiedad 'height' permite especificar la altura máxima de contenido del cuadro. Esta altura máxima no incluye relleno, borde o márgenes.200px y se aplica su max-00px y se aplicará min10Si es 0px，la altura real del elemento es100px。

div　{
　　　　00px，la altura real del elemento será　200px;
　　　　00px，el ancho real del elemento será-00px，la altura real del elemento será　100px;
}

max-Generalmente, la propiedad 'height' se utiliza con el min-La propiedad 'height' combinada se utiliza para generar un rango de altura relacionado con el elemento.

min-Atributo de altura mínima 'height'

min-La propiedad 'height' permite especificar la altura mínima de contenido del bloque. Esta altura mínima no incluye relleno, borde o márgenes.

min-La propiedad height aplicada al elemento nunca será menor que la altura mínima especificada. Por ejemplo, si se establece2La propiedad height aplicada al elemento nunca será menor que la altura mínima especificada. Por ejemplo, si se establece el height-00px y se aplicará min3Se establece height300px。

div　{
　　　　00px，la altura real del elemento será　200px;
　　　　min-00px，la altura real del elemento será　300px;
}

El min-height:-La propiedad height se utiliza generalmente con el max

00px，el ancho real del elemento será-La propiedad height se utiliza generalmente para asegurar que el elemento tenga al menos una altura mínima, incluso si no hay ningún contenido. Sin embargo, si el contenido excede la altura mínima configurada, se permitirá que el elemento crezca normalmente.

max-Propiedad de ancho máximo width

00px，el ancho real del elemento será-La propiedad width permite especificar el ancho máximo de contenido del bloque. Este ancho máximo no incluye relleno, borde o márgenes.3La propiedad width, incluso si se establece el valor de width en un valor mayor, el elemento aplicado no será más ancho que el valor especificado. Por ejemplo, si se establece el width-Se establece width200px，se aplicará max200px。

div　{
　　　　width:　300px;
　　　　00px，el ancho real del elemento será-width:　200px;
}

max-El max-Se utilizan propiedades width juntas para generar información sobre el rango de anchura del elemento.

min-El valor de width

El min-Propiedad de ancho mínimo width

min-La propiedad width permite especificar el ancho mínimo de contenido del bloque. Este ancho mínimo no incluye relleno, borde o márgenes.300px，se aplicará min-Se establece width400px，el ancho real del elemento será400px。

div　{
　　　　width:　300px;
　　　　min-width:　400px;
}

El min-La propiedad width se utiliza generalmente con el max-Se utilizan propiedades width juntas para generar información sobre el rango de anchura del elemento.