CSSポジショニングとスクロールバー

0805自己概要

A.絶対位置

position: absolute;

/*绝对定位:
1、定位属性值:absolute
2、在页面中不再占位(浮起来了),就无法继承父级的宽度(必须自己自定义宽度)
3、一旦定位后,定位的布局方位 top、bottom、left、right都能参与布局
4、绝对定位的参考系是最近的定位父级(不是父级中的哪一点,而是四边参照四边)
5、左右同时存在,取左;同理上下取上
6、当父级定位了,子级参照父级定位,又可以重新获取父级宽度(也可以在计算中拿到父级高度)
*/

position:fixed

ブラウザウィンドウの位置に対する要素の絶対位置を生成します。

II。相対的な位置

position: relative;

親(親の最近の)オブジェクトの反対側に配置

1)レイアウト自体には影響を与えません。

2)補助絶対自身を配置レイアウト

3つのデフォルトの位置

position: static

デフォルト値。いいえ位置決め要素(右、左またはz-index文、上部、底部を無視して)通常の流れに生じません。

IV。ターゲット継承

position:inherit

提供は親要素からの位置プロパティの値を継承する必要があります。

V.スクロールバー

overflow

  • 隠された:いいえスクロールバー、およびコンテンツのみ指定されたコンテンツ領域。
  • 目に見える:デフォルト値は約このプロパティはオーバーフロー要素のコンテンツ領域が処理され、表示されますどのように定義するか、何のスクロールバーではありません。

  • スクロール:この属性は、オーバーフロー要素のコンテンツ領域がどのように対処するだろうが定義されます。値スクロールした場合、かどうかに関係なく、ユーザエージェントのスクロール機構を提供します。したがって、あなたがスクロールバーを表示されるすべてのコンテンツ要素ボックスを脇に置くことができる場合であっても可能です。

  • オート:スクロールバー、およびコンテンツのみ指定されたコンテンツエリア。

おすすめ

転載: www.cnblogs.com/pythonywy/p/11305321.html