Red de conocimiento informático - Material del sitio web - Cuando un div grande se configura con múltiples divs pequeños, ¿cómo establecer la altura del div exterior a una altura adaptable?

Cuando un div grande se configura con múltiples divs pequeños, ¿cómo establecer la altura del div exterior a una altura adaptable?

Agregar ?overflow: oculto después del último div; Agregar el siguiente contenido después del último div:

lt; div style="width: 580px; height: auto; margin: 0 auto;

lt;div style="alto: 100px; ancho: 230px; float: izquierda; margen: 20px"gt;lt;/divgt;

lt;div style = "alto: 100px; ancho: 230px; flotante: izquierda; margen: 20px"gt; lt; divgt;

lt; alto: 100px; ancho: 230px; flotante: izquierda; margen : 20px"gt;lt;/divgt;

lt;div style="clear: Both; height: DIV adaptive height

1. Puede establecer el estilo de altura de este cuadro DIV.

lt;div?style="height: 50px"gt;La altura es 50pxlt;/divgt;?

Explicación: La altura se establece a través del atributo de estilo estilo del div. estilo de etiqueta.

2. La configuración de estilo externo especifica la altura del cuadro div.

Este método se usa comúnmente para configurar estilos de objetos usando estilos de etiquetas CSS externos. Puede escribir código CSS en un archivo CSS y luego introducirlo para su uso a través de un archivo CSS HTML. También puede usar directamente la etiqueta de estilo en el código fuente HTML para configurar el estilo del código CSS.

Aquí se muestra una demostración del uso de etiquetas de estilo para establecer estilos CSS externos en el código fuente de una página HTML.

Para observar el efecto de este ejemplo de div heightheight, el objeto div se llama ".divcss5", el ancho es 150 px, la altura es 80 px y el borde css es 1 px azul

DIV CSS El código CSS es pequeño Ejemplo:

lt;stylegt;?

.divcss5{?height: 80px; ?width: 150px; ?border: 1px?solid?#00F}?

lt; /stylegt;??