Cómo hacer DIV voluta con un CSS Página Uso

En el diseño de su sitio web, es posible que tenga un contenedor DIV específico que desea que permanezca visible a sus visitantes en todo momento, incluso cuando están desplazándose hacia arriba y abajo de la página. Si bien hay muchas tecnologías y lenguajes de programación que se pueden utilizar para hacer de desplazamiento DIV con una página, uno de los métodos más fáciles y más fiable es en el uso de un estilo CSS.

Instrucciones

1 Identificar dónde en la página que desea que su contenedor DIV para ser colocado. Elija de superior o inferior y derecha o la izquierda.

2 Dele a su contenedor DIV un identificador único a efectos de estilo. En HTML de la página, la etiqueta DIV apertura se vería así:

<Div id = "div_name">

3 Abra la hoja de estilos en cascada y crear una entrada para el nuevo contenedor DIV:

div_name {

}

4 Añadir el estilo de posición fija a la entrada de estilos para el nuevo contenedor DIV.

div_name {

position: fixed;
}

5 Añadir elementos de estilo de izquierda / derecha a su entrada estilo. Añadir un lado a otro elemento de posicionamiento por la elección de un lado a medir desde la izquierda o la derecha y una distancia para posicionar el elemento de ese lado. Un valor de 0 colocará el contenedor DIV todo el camino hasta el lado de la página. Otros valores que se pueden dar son anchos de píxeles (es decir 125 px) o porcentajes (es decir, 33 por ciento). A continuación se muestra un ejemplo:

div_name {

position: fixed;
izquierda: 0;
}

6 Añadir superior / inferior elementos de estilo a su entrada estilo. Añadir un arriba y abajo elemento de posicionamiento mediante la elección de un lado a medir a partir de (superior o inferior y una distancia para posicionar el elemento de ese lado. Un valor de 0 colocará el contenedor DIV todo el camino hasta el lado de la página. Otros . Los valores que se pueden dar son anchos de píxeles (es decir 125 px) o porcentajes (es decir, 33 por ciento) A continuación se muestra un ejemplo:

div_name {

position: fixed;
izquierda: 0;
parte inferior: 25px;
}