Maison  >  Article  >  interface Web  >  Comment réparer un div ou une table à une position spécifiée avec CSS

Comment réparer un div ou une table à une position spécifiée avec CSS

php中世界最好的语言
php中世界最好的语言original
2018-01-23 09:33:183462parcourir

Cette fois, je vais vous montrer comment fixer un div ou une table à une position spécifiée avec CSS. Quelles sont les précautions pour fixer un div ou une table à une position spécifiée avec CSS. cas, jetons un coup d'oeil.

.bottomTable{    
background-color: rgb(249,249,249);    
z-index:99999999; position:fixed; bottombottom:0; left:0; width:100%; _position:absolute; /* for IE6 */  
/* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);    */  
_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* for IE6 */  
overflow:visible;   
 }

1. z-index : définissez le calque pour qu'il soit au niveau supérieur.

2. position : fixe ; positionnement défini.

3. _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); Liez js via CSS pour contrôler la hauteur du calque depuis le haut,

ce Le calque de contrôle est en bas et les valeurs spécifiques doivent être ajustées en conséquence en fonction des besoins.

4. document.body.scrollTop : body, la distance de défilement de la barre de défilement de l'étiquette du corps, peut être remplacée par vos autres objets d'étiquette (des barres de défilement existent).

5. document.body.clientHeight, la hauteur de la balise body, peut être remplacée par vos autres objets tag.

6, -6, apportez les modifications correspondantes en fonction de la situation spécifique.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

À propos du fonctionnement des barres de défilement en HTML

Comment créer des tableaux à lignes fines en HTML

Connaissance de base du HTML, introduction détaillée aux styles de paramètres des hyperliens

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Syntaxe détaillée du HTMLArticle suivant:Syntaxe détaillée du HTML