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

So verwenden Sie @media in mobilen adaptiven Stilen

Allgemeiner Handy-Stil: @media alle und (Ausricht...

Eine kurze Erläuterung der HTML-Tabellen-Tags

Besprechen Sie hauptsächlich seine Struktur und ei...

Vue implementiert einen Login-Verifizierungscode

In diesem Artikelbeispiel wird der spezifische Co...

Stellen Sie die Nginx+Flask+Mongo-Anwendung mit Docker bereit

Als Server wird Nginx verwendet, als Datenbankunt...

Interpretation von 17 Werbewirksamkeitsmaßen

1. 85 % der Anzeigen werden nicht gelesen <br ...

So gestalten Sie Ihre JavaScript-Funktionen eleganter

Inhaltsverzeichnis Objektparameter durch Destrukt...

So ändern Sie das Standardnetzwerksegment der Docker0-Brücke in Docker

1. Hintergrund Wenn der Docker-Dienst gestartet w...

Beispielcode des Spread-Operators und seiner Anwendung in JavaScript

Der Spread-Operator ermöglicht die Erweiterung ei...

Detaillierte Erläuterung der Nginx-Anti-Hotlink- und Anti-Crawler-Konfiguration

Erstellen Sie eine neue Konfigurationsdatei (gehe...

Webdesign-Dimensionen und Regeln für die Werbegestaltung auf Webseiten

1. Unter 800 x 600 gibt es keine horizontale Bild...

So fügen Sie Vite-Unterstützung zu alten Vue-Projekten hinzu

1. Einleitung Ich habe vor zwei Jahren ein Projek...