HTMLの基本 - cssスタイルシート、スタイル属性、書式、レイアウトを解説

I. 位置 固定

一部のウェブサイトで右下に表示されるポップアップウィンドウのような、ロック位置（ブラウザの位置との相対的な関係）。

例

ii. 位置 絶対

    絶対位置

    1. 外側のレイヤーがposition: absolute（またはrelative）を持っていない場合、以下のbのように、divはブラウザからの相対的な位置になります（ブラウザの右ボーダーから50ピクセル、下ボーダーから20ピクセル）。

    2. 外側のレイヤーが position: absolute (または relative) を持つ場合、div は次の図のように外側のボーダーに相対的に配置されます (d の右ボーダーから 50 ピクセル、d の下ボーダーから 20 ピクセル)。

例

iii. 位置 相対

相対的な位置。

下図のように、相対位置はこのdivを含むdivの位置から相対的に固定されます。もし外層が彼を含んでいなければ、相対位置はブラウザからの相対位置に固定されます。

例

IV. レイヤリング ( z-index )

で z 重ねる軸方向は、紙の積み重ねに分かれ、重ねた数が多いほど上に行くと解釈できる。

上記のRELATIVE例では、aaがaを覆っていることがわかります。これは、コードが後になるほど表示レベルが高くなるためで、コードの順番を変えずにaがaaを覆うようにするにはどうすればよいでしょうか。 次のようになります。

例

v. フロート : 左 右

      左 左 右 の時はポジションを与えなくていいんです。 左 トップ ) を、ブラウザから直接相対的に指定します。外側がラップされている場合、相対的に 割る 削除した行の位置の左上または右上を表示します。

追加：1．  overflow: hidden; // 範囲外の非表示; スクロール、スクロールバーを表示します。

         2、カーソル：ポインタ 鼠标指到上面时间的形状；。

         3、半透明效果：设村