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>