Tecnología

Inicio

Cómo aumentar DIV Altura De acuerdo con el Otro contenido DIV

June 4

de las páginas web técnicas de diseño, todos dependen de la capacidad del diseñador para manipular HyperText Markup Language y hojas de estilo en cascada. El aumento de la altura de un DIV basado en la altura del contenido de otro DIV es una técnica muy común. A menudo se utiliza en los diseños de columna, donde la altura de dos columnas necesita para ser igual independientemente de la cantidad de contenido en cada una de las columnas.

Instrucciones

1 Abra un editor de texto como el Bloc de notas. Si el Bloc de notas no está disponible en el escritorio, abra el menú "Inicio", luego haga clic en "Todos los programas", "Accesorios", "Bloc de notas".

2 Escriba el siguiente código:

<Html>

<Body>

<Style>

</ Style>

<Div id = "contenedor">

<Div id = "contenedor">

<Div id = "contenido">

</ Div>

</ Div>

</ Div>

</ Body>

</ Html>

Esto hace que el esqueleto de una página web básica.

3 Agregue el código siguiente inmediatamente después de la etiqueta "<style>":

envoltorio {width: 900px; margin: 0 auto} contenedor {float: right; background-color: green; Anchura: 600px; } Contenido {float: left; 300px de ancho; margin-left: -300px; }

Esto hace que el esqueleto con dos DIV. El div "contenedor" se ampliará ahora en base a la altura de la DIV "contenido".