So verwenden Sie HTML-CSS, um zu steuern, dass Div oder Tabellen an einer bestimmten Position fixiert werden

So verwenden Sie HTML-CSS, um zu steuern, dass Div oder Tabellen an einer bestimmten Position fixiert werden
CSS- CodeInhalt in die Zwischenablage kopieren
  1. .bottomTable{
  2. Hintergrundfarbe : RGB (249,249,249);
  3. z-index : 99999999; Position: fest; unten : 0 ; links : 0 ; Breite : 100 %; _position: absolut ; /* für IE6 */   
  4. /* _top: Ausdruck(document.body.scrollTop+document.body.clientHeight-this.offsetHeight); */   
  5. _top: Ausdruck(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* für IE6 */   
  6. Überlauf : sichtbar ;
  7. }

1. z-index: Legen Sie die Ebene so fest, dass sie sich ganz oben befindet.

2. Position: fest; legen Sie die Positionierung fest.

3. _top: Ausdruck (document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); Steuern Sie die Höhe der Ebene von oben, indem Sie JS mit CSS binden.

Hier liegt die Kontrollschicht ganz unten und die spezifischen Werte werden je nach Bedarf entsprechend angepasst.

4. document.body.scrollTop: body, die Bildlaufdistanz der Bildlaufleiste des Body-Tags, die durch andere Tag-Objekte (mit Bildlaufleisten) ersetzt werden kann.

5. document.body.clientHeight, die Höhe des Body-Tags, kann durch andere Tag-Objekte ersetzt werden.

6, -6, und nehmen Sie je nach Situation entsprechende Änderungen vor.

Der obige Artikel zur Verwendung von HTML-CSS zur Steuerung von Divs oder Tabellen, die an einer bestimmten Position fixiert werden sollen, ist alles, was ich mit Ihnen teilen möchte. Ich hoffe, er kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/skycsdn/archive/2016/06/13/5580009.html

<<:  MySQL-Tutorial versteht gespeicherte Prozeduren gründlich

>>:  CSS3 Flexible Box Flex, um ein dreispaltiges Layout zu erreichen

Artikel empfehlen

Detaillierte Erklärung des Responsive-Prinzips von Vue3

Inhaltsverzeichnis Überprüfung der responsiven Pr...

Zusammenfassung der allgemeinen MySQL-Funktionen

Vorwort: Die MySQL-Datenbank bietet eine breite P...

VScode Remote SSH-Remote-Bearbeitung und -Debugging von Code

Die neueste Insider-Version von Visual Studio Cod...

Lassen Sie uns ausführlich über den Vue-Lebenszyklus sprechen

Inhaltsverzeichnis Vorwort 1. Lebenszyklus in Vue...

Implementierung eines einfachen Altersrechners auf Basis von HTML+JS

Inhaltsverzeichnis Vorwort Demonstrationseffekt H...

Mehrere wichtige MySQL-Variablen

Es gibt viele MySQL-Variablen, von denen einige u...

MySQL 8.0.16 Installations- und Konfigurations-Tutorial unter Windows 10

In diesem Artikel finden Sie das grafische Tutori...

Vue implementiert das Hinzufügen, Anzeigen und Löschen mehrerer Bilder

In diesem Artikel wird der spezifische Code für V...

Detaillierte Erläuterung des Linux-Befehls zur Änderung des Hostnamens

Linux-Befehl zum Ändern des Hostnamens 1. Wenn Si...

Grundlegende Operationen an unsichtbaren Spalten in MySQL 8.0

Inhaltsverzeichnis 01 Unsichtbare Spalten erstell...