ホームページ >ウェブフロントエンド >htmlチュートリアル >divやtableを指定位置に固定するように制御するhtml css実装方法

divやtableを指定位置に固定するように制御するhtml css実装方法

高洛峰
高洛峰オリジナル
2017-02-18 15:51:232168ブラウズ

.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); CSS を介して js をバインドして、上からのレイヤーの高さを制御します。

これはコントロール層 下部では、必要に応じて特定の値が調整されます。

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

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

6、-6、具体的な状況に応じて対応する変更を行ってください。

上記のHTML CSSでdivやtableを指定位置に固定制御する実装方法は全てエディターで共有した内容であり、皆様の参考になれば幸いです。 PHP 中国語 Web サイトをサポートします。

div や table を指定した位置に固定するための html css 制御方法の詳細については、PHP 中国語 Web サイトの関連記事に注目してください。


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