*   >> Lecture Éducation Articles >> science >> la programmation

CSS positionnement fixe solution à l'un des moteurs du Cadre Problems

osition: fixed; largeur: 100%; hauteur: 15%; top: 0; gauche: 0; border: 1px solid bleu; z-index: 2} {#sidebar position: fixed; largeur: 20%; hauteur: 85%; top: 15%; gauche: 0; border: 1px solid bleu; z-index: 2} {#main position: fixed; largeur: 80%; hauteur: 85%; top: 15%; gauche: 20%; border: 1px solid bleu; overflow: défiler; z-index: 2} Hearder Sidebar pour les liens contenu principal va ici hereherehereIn la conception, je l'ai utilisé pour délimiter les frontières les DIV, mais leur présence est pas obligatoire.

Les barres de défilement de BODY ElementWith cette disposition, normalement, seul le panneau principal a des barres de défilement. Donc, nous ne devons pas les barres de défilement de l'élément BODY. Vous décollez les barres de défilement de l'élément du corps avec "overflow: hidden" dans la règle CSS pour la position CORPS élément PropertyAll les éléments DIV ont la propriété de position avec la valeur, "fixe". Qui est principalement ce qui donne à la DIV la fonction fixe de positionnement.

largeur, hauteur, les valeurs haut et gauche propertiesThe de ces propriétés sont par rapport à la bords supérieur et gauche de la zone cliente de la page Web et non par rapport aux bords d'un élément de niveau bloc. Je l'ai utilisé l'unité de pourcentage dans les autres pour juste couvrir toute la zone de client. Utilisation de l'unité de pixel couvrirait plus ou moins de la zone cliente. Toujours utiliser l'unité de pourcentage lorsque vous envisagez une vue globale de la zone cliente ou web page.

z indice propertyWith conception normale, le z-index est considéré comme à la position z-index, zéro; les éléments de l'élément du corps sont considérées comme à la position z-index 1. Les éléments pour les propriétés fixes ou absolues position peut commencer à venir à z-index position 2, vers le haut. Donc, la DIV de position fixes sont à z-index position 2, dans la page web ici. Toute autre couche dans cette page Web devrait être de z-index position 2 et un bar above.Scroll pour Main PanelWith cette disposition, seul le panneau principal Les barres normalement a défilement.

Cela se fait avec le "overflow: scroll" dans la règle CSS pour la DIV du panneau principal. Les valeurs de pourcentage en CodeIf vous ajoutez les valeurs de pourcentage en une ligne pour les différents DIV, vous aurez 100% de la largeur ou de la hauteur de la zone totale du client; cela évite le chevauchement des DIV. ConclusionHTML cadres servent à deux fins. L'un d'eux peut être servi par

Page   <<  [1] [2] [3] [4] >>
Copyright © 2008 - 2016 Lecture Éducation Articles,https://lecture.nmjjxx.com All rights reserved.