HTML CSS を使用して div またはテーブルを指定した位置に固定する方法

HTML CSS を使用して div またはテーブルを指定した位置に固定する方法
CSSコードコンテンツをクリップボードにコピー
  1. .bottomTable{
  2. 背景色: rgb (249,249,249);
  3. z-index :99999999; position : fixed; bottom : 0 ; left : 0 ; width : 100%; _position: absolute ; /* IE6 用 */   
  4. /* _top: 式(document.body.scrollTop+document.body.clientHeight-this.offsetHeight); */   
  5. _top: 式(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* IE6 の場合 */   
  6. オーバーフロー:表示可能;
  7. }

1. z-index: レイヤーを最上位レイヤーに設定します。

2. 位置: 固定; 位置を設定します。

3. _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); js を css にバインドして、レイヤーの上部からの高さを制御します。

ここでは制御レイヤーが最下部にあり、特定の値は必要に応じて調整されます。

4. document.body.scrollTop: body、body タグのスクロール バーのスクロール距離。他のタグ オブジェクト (スクロール バー付き) に置き換えることができます。

5. body タグの高さである document.body.clientHeight は、他のタグ オブジェクトに置き換えることができます。

6、-6、そして具体的な状況に応じて対応する変更を加えます。

html css を使用して div またはテーブルを特定の位置に固定する方法に関する上記の記事を皆さんに共有したいと思います。これが皆さんの参考になれば幸いです。また、123WORDPRESS.COM をサポートしていただければ幸いです。

オリジナルURL: http://www.cnblogs.com/skycsdn/archive/2016/06/13/5580009.html

<<:  MySQLチュートリアルではストアドプロシージャを徹底的に理解します

>>:  3列レイアウトを実現するCSS3フレキシブルボックスフレックス

推薦する

Linux システムで Tomcat のポート 80 を使用する方法

アプリケーションシナリオ多くの場合、Linux サーバーに tomcat や nginx などのソフ...

WebWorkerはJavaScriptサンドボックスの詳細をカプセル化します

目次1. シナリオ2. IJavaScriptShadowboxを実装する2.1 メインスレッドの実...

Tomcat が応答データグラムを書き戻すタイミングの詳細な分析

疑問が生じるこの質問は、ファイルのダウンロードを記述しているときに発生しました。HttpServle...

Dockerfileを使用してDockerイメージを構築する手順

Dockerfile は、命令を含むテキスト ファイルです。各命令はレイヤーを構築するため、各命令の...

CentOS での samba フォルダ共有サーバー構成の詳細な説明

1. はじめに最近、CentOS での開発には多くの不便があることがわかりました。Windows/M...

MySQL データベースの型変換のための CAST 関数と CONVERT 関数の説明

MySQL のCAST()およびCONVERT()関数を使用すると、ある型の値を取得し、別の型の値を...

Docker の詳細なイラスト

1. Dockerの紹介1.1 仮想化1.1.1 仮想化とは何ですか?コンピュータにおける仮想化とは...

フェッチネットワークリクエストのカプセル化例の詳細な説明

エクスポートデフォルト({ URL、 メソッド = 'GET'、 データ = nu...

VueのID認証管理とテナント管理の詳細な説明

目次概要ボタンレベルの権限アイデンティティ認証管理R/U 権限権限の更新テナント管理テナント切り替え...

MySQL 5.7 zip アーカイブ バージョンのインストール チュートリアル

この記事では、MySQL 5.7 zipアーカイブ版のインストールチュートリアルを参考までに紹介しま...

Node.jsはSTMPプロトコルとEWSプロトコルに基づいてメールを送信します

目次1 STMP プロトコルに基づいてメールを送信する Node.js メソッド2 MS Excha...

ミニプログラムでマインドマップを描く方法

目次マインドマップとは何ですか? F6で描く方法アリペイ微信要約するマインドマップとは何ですか?マイ...

MySQL双方向バックアップの実装方法

MySQL 双方向バックアップはマスター-マスター バックアップとも呼ばれ、両方の MySQL サー...

Windows システムの MySQL が中国語を入力および表示できない問題の解決方法

ステップ 1: メモ帳を使用して、MySQL インストール ディレクトリの「my.ini」ファイルを...

iframe が HTML 内のページにジャンプするのを防ぎ、iframe を使用して WeChat Web バージョンをページに埋め込む方法

私は、WinForm と HTML5 を組み合わせた小さなものを作りたいだけなのですが、突然、そこに...