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

Eine kurze Diskussion über Browserkompatibilitätsprobleme in JavaScript

Die Browserkompatibilität ist der wichtigste Teil...

Reparaturlösung für inkonsistenten MySQL GTID-Master und -Slave

Inhaltsverzeichnis Lösung 1: Replikate neu erstel...

MySQL 8.0.11 Installationstutorial mit Bildern und Text

Es gibt viele Tutorials im Internet und sie sind ...

Allgemeine MySQL-Anweisungen zum Anzeigen von Transaktionen und Sperren

Einige allgemeine Anweisungen zum Anzeigen von Tr...

Über Front-End JavaScript ES6 Details

Inhaltsverzeichnis 1. Einleitung 1.1 Babel-Transc...

So ändern Sie den Hostnamen in Linux dauerhaft

Wenn Sie Ihren Hostnamen ändern möchten, können S...

Detaillierte Erläuterung der Methode zum Vergleichen von Daten in MySQL

Wenn es eine Tabelle mit einem Feld „add_time“ gi...

Mehrere gängige Methoden zum Festlegen der Ankerpositionierung in HTML

Mir sind mehrere Möglichkeiten bekannt, die Ankerp...

Methode zum Erstellen eines Redis-Clusters basierend auf Docker

Laden Sie das Redis-Image herunter Docker-Pull yy...

HTML-Grundlagen-Zusammenfassungsempfehlung (Titel)

HTML: Titel Überschriften werden durch Tags wie &...

Nginx-Dienst 500: Interner Serverfehler einer der Gründe

500 (Interner Serverfehler) Auf dem Server ist ei...

So zeichnen Sie spezielle Grafiken in CSS

1. Dreieck Rahmeneinstellungen Code: Breite: 300p...