ホームページ  >  記事  >  ウェブフロントエンド  >  htmlCSS メモpositioning_html/css_WEB-ITnose

htmlCSS メモpositioning_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:47:121032ブラウズ

1. 位置決め:

位置: 相対 (相対)

要素自体の特性には影響しません。

要素がその位置を占めることはありません。

配置要素コントロール: 上/右/下/左 配置要素のオフセット。

Absolute (絶対位置決め)

要素をドキュメントフローから外に出す、

インライン要素が幅と高さをサポートするようにする、

属性タグの内容が幅を拡張するようにする。

元の位置や本体を基準とするのではなく、ドキュメント全体を基準としたオフセットです。

* 配置親がある場合は配置親を基準に配置され、ない場合はドキュメントを基準に配置されます

相対位置決めは、通常、絶対位置決めと組み合わせて使用​​されます

位置決め要素は、デフォルトでは前者よりも後者の高いレベルに設定されます。

配置レベル: z-index: [number]; デフォルト 0

2. 透明度: ie 非互換; 不透明度: opacity:0~1; ie private: filter:alpha (opacity=0 ~100) );

3.

ログインフレームはページ全体の中央に配置されます:

position:absolute;top:50%;left:50%;margin-top:-Apx;margin-left:-Bpx;

Aはログインフレームの高さ、Bはログインフレームの幅、ボーダー、パディングなども考慮する必要があります、

4.pisition:fixed;

固定位置;

特徴は基本的には絶対配置と同じですが、違いは常にドキュメント全体に対して相対的に配置されることです

互換性がある場合、Ie6 は固定配置をサポートせず、JS 配置と連携する必要があります。

5.position:inherit;

親から継承され、基本的には使用されません。

6.position: static;

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