-
Cómo salir de un DIV Sin Posicionamiento absoluto
-
habilidades de diseño sólido Web se basan en ser capaz de manipular con destreza HTML y CSS, u Hojas de lenguaje de marcado de hipertexto y de estilo en cascada. DIVs son un tipo de elemento HTML que se utiliza para separar los diferentes tipos de contenido. Ser capaz de manipular DIVs experta es una habilidad que todos los diseñadores Web necesidad de dominar. elementos de corte fuera de un DIV que contiene se puede hacer con muy poco código.
Instrucciones
1 Abra un editor de texto como el Bloc de notas. Para iniciar el Bloc de notas, haga clic en el menú "Inicio", "Todos los programas", "Accesorios", luego "Bloc de notas".
2 Escriba el siguiente código:
<Html>
<Body>
<Div id = "contenedor">
<Div id = "ejemplo">
</ Div>
</ Div>
</ Body>
</ Html>
Este código crea un "contenedor" que se centrará el resto del contenido de la página.
3 Justo después de la etiqueta "<body>", introduzca el siguiente código:
<Style>
envoltorio {margin: 0 auto; Anchura: 900px; } {Width ejemplo: 400px; altura: 400px; background-color: red}
</ Style>Guarde el archivo con la extensión ".html".
4 Abra el archivo en un navegador Web. Un cuadrado rojo debe ser visible en la pantalla. Se trata de ser mantenido en su lugar por el DIV envoltura. Para romper hacia fuera de la envoltura sin usar DIV posicionamiento absoluto, reemplace el código entre "<style>" y "</ style>" con lo siguiente:
<Style>
envoltorio {margin: 0 auto; Anchura: 900px; } {Width ejemplo: 400px; altura: 400px; background-color: rojo; margin-left: -500px; }
</ Style>El uso de márgenes negativos se romperá elementos fuera de un DIV que contiene.
