HTML+CSS初学日常知识点-六

一.浮动

float 属性用于定位和格式化内容，例如让图像向左浮动到容器中的文本那里

left - 元素浮动到其容器的左侧

right - 元素浮动在其容器的右侧

none - 元素不会浮动（将显示在文本中刚出现的位置）。默认值。

inherit - 元素继承其父级的 float 值

二.定位

position 包含（static、relative、fixed、absolute 或 sticky）

配合left、right、top、bottom的值来改变元素位置

 z-index  z轴的堆叠顺序

position: static; 正常

position: relative; 相对定位相对于原来的自己定位

position: fixed; 固定定位始终相对于浏览器定位

position: absolute 绝对定位   

包含框无定位，相对于浏览器定位

包含框有定位，相对于离自己最近的有定位的元素定位

 position: sticky; 元素根据用户的滚动位置进行定位