-
Cómo mezclar porcentajes Pixel
-
Píxeles y porcentajes son ambas unidades de medida utilizadas para páginas web. Píxeles aplicar cotas a una página fijos, mientras que los porcentajes se aplican dimensiones flexibles que cambian según el tamaño del contenedor primario. Por píxeles y porcentajes de mezcla, puede mostrar anchos fijos y flexibles en el mismo contenedor padre. Por desgracia, los navegadores web no se muestran las dimensiones de la misma manera, y que completan las mediciones arriba o hacia abajo. Las secciones que son más grandes que el contenedor primario se mueven a otra línea.Instrucciones
1 Abra el archivo HTML que desea modificar en un editor de texto, como el Bloc de notas, TextPad o EditPad.
2 Agregue el siguiente código dentro de la etiqueta HEAD, que se encuentra en la parte superior de su archivo HTML:
<Style type = "text / css">
<! -
->
</ Style>3 Inserte el siguiente código entre "<! -" Y "->" en la etiqueta de estilo para fijar el contenedor principal en píxeles, pero reemplace "950" con el ancho de la página que desea utilizar:
envase
{
Ancho: 950 píxeles;
}4 Agregue el siguiente código debajo del código anterior para utilizar una mezcla de píxeles y porcentajes, pero debe reemplazar cada uno con sus medidas preferidas. La primera columna ocupa 200 píxeles, mientras que la segunda y tercera columnas ocupan el 25 por ciento de una pieza:
column1
{
flotador izquierdo;
Anchura: 200px;
}columna2
{
flotador izquierdo;
anchura: 25%;
}column3
{
flotador izquierdo;
anchura: 25%;
}5 Desplazarse por debajo de la etiqueta de apertura CUERPO e insertar el siguiente código para aplicar las dimensiones a su página:
<Div id = "contenedor">
<Div id = "column1"> Añadir columna de uno contenidos aquí </ div>
<Div id = "columna2"> Añadir el contenido de la columna dos aquí </ div>
<Div id = "column3"> Añadir el contenido de la columna tres aquí </ div>
</ Div>