ホームページ >ウェブフロントエンド >htmlチュートリアル >CSSでdivやtableを指定位置に固定する方法

CSSでdivやtableを指定位置に固定する方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-01-23 09:33:183498ブラウズ

今回はCSSを使ってdivやtableを指定した位置に固定する方法を紹介します。 cssを使ってdivやtableを指定した位置に固定するための注意点は何ですか?一見。

.bottomTable{    
background-color: rgb(249,249,249);    
z-index:99999999; position:fixed; bottombottom:0; left:0; width:100%; _position:absolute; /* for IE6 */  
/* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);    */  
_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* for IE6 */  
overflow:visible;   
 }

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

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

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

ここにコントロールレイヤーがあります。下部、特に値はニーズに応じて調整されます。

4. document.body.scrollTop: body、本文ラベル スクロール バーのスクロール距離は、他のラベル オブジェクトで置き換えることができます (スクロール バーは存在します)。

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

6、-6、特定の状況に応じて対応する変更を行ってください。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連読書:

HTMLのスクロールバーの操作方法について

html細線表の作り方

HTMLの基礎知識、ハイパーリンク設定のスタイルを詳しく紹介

以上がCSSでdivやtableを指定位置に固定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:HTMLの詳細な構文次の記事:HTMLの詳細な構文