Comment faire div défilement avec une page en utilisant le CSS

Instructions

1. Identifier où sur la page que vous voulez que votre conteneur DIV pour être placé. Choisissez parmi haut ou en bas et à gauche ou à droite.

2. Donnez votre conteneur DIV un identifiant unique à des fins de style. Le code HTML de la page, votre ouverture balise DIV devrait ressembler à ceci:

3. 
   
   
   
   

   Ouvrez votre feuille de style en cascade et de créer une entrée pour votre nouveau conteneur DIV:

   div_name {

   }

4. Ajouter le style de position fixe à l'entrée de style pour votre nouveau conteneur DIV.

   div_name {

   Position: fixe
   }

5. 
   
   

   Ajouter des éléments de style gauche / droite pour l'entrée de votre style. Ajouter un côté à l'autre élément de positionnement en choisissant un côté à mesurer à gauche ou à droite et la distance pour positionner l'élément de ce côté. Une valeur de 0 va placer le récipient DIV tout le chemin jusqu'à l'autre côté de la page. Les autres valeurs qui peuvent être donnés sont largeurs de pixels (soit 125 px) ou des pourcentages (soit 33 pour cent). Voici un exemple:

   div_name {

   Position: fixe
   gauche: 0-
   }

6. Ajouter des éléments haut / bas de style à votre entrée de style. Ajouter un haut et en bas élément de positionnement en choisissant un côté à mesurer à partir (en haut ou en bas et à une distance de positionner l'élément de ce côté. Une valeur de 0 va placer le récipient DIV tout le chemin jusqu'à l'autre côté de la page. Autres . des valeurs qui peuvent être donnés sont largeurs de pixels (soit 125 px) ou des pourcentages (soit 33 pour cent) Voici un exemple:

   div_name {

   Position: fixe
   gauche: 0-
   bottom: 25px;
   }