关于css的定位和背景

一、定位

1.绝对定位：absolute

• 会覆盖住下面文档流内容，包括文字
• 它会依据body作为参考，进行位置偏移

        **子绝父相**

                如果子元素使用了绝对定位，父元素则需要添加一个相对定位来让子元素依据最近的父                  元素进行位置定位

• 它使用绝对定位后，该元素不会占有原来的位置（脱离文档流）
• 会根据最近一层拥有定位属性的父级进行位置偏移

 2.相对定位：relative

• 该元素基于原来位置的位置偏移 
• 占有原来的外置，不会脱离文档流 

3.固定定位 ：fixed

• 它使用绝对定位后，该元素不会占有原来的位置 （脱离文档流） 
• 该元素会依据当前浏览器窗口进行定位

 4.粘性定位：sticky

• 占有原来的位置，不脱标
• 粘性定位可以被认为是相对定位和固定定位的混合。

        该元素在跨越特定阈值前为相对定位    之后为固定定位 

二、背景 

 1.背景图片地址：background-image: url（）

 

 2.背景图片是否重复：background-repeat：