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

4 Möglichkeiten, doppeltes Einfügen von Daten in Mysql zu vermeiden

Die gebräuchlichste Methode besteht darin, einen ...

Vue verwendet Echart, um Beschriftungen und Farben anzupassen

In diesem Artikelbeispiel wird der spezifische Co...

jquery+springboot realisiert die Datei-Upload-Funktion

In diesem Artikelbeispiel wird der spezifische Co...

Tutorial zur Installation von MySQL 5.7.18 unter Windows 10

In diesem Tutorial erfahren Sie alles über die In...

Virtual Box-Tutorialdiagramm zum Duplizieren virtueller Maschinen

Nachdem man sich an VM gewöhnt hat, ist der Wechs...

Methode und Einführung der Tabellenindexdefinition in MySQL

Überblick Ein Index ist eine vom DBMS basierend a...

Probleme mit Join-Abfragen und Unterabfragen in MySQL

Inhaltsverzeichnis Grundlegende Syntax für Multi-...

jQuery-Plugin zum Erreichen einer Bildunterbrechung

In diesem Artikel wird der spezifische Code des j...

Beispiel für asynchronen Dateiupload in HTML

Code kopieren Der Code lautet wie folgt: <form...

jQuery-Plugin zur Implementierung eines gestapelten Menüs

Jeden Tag ein jQuery-Plugin - gestapeltes Menü. Z...