浮动-定位

浮动的特点

• 浮动会使元素脱离文档流
• 任何元素设置浮动 都会变为块状元素
• 浮动的元素会对兄弟元素和父元素产生直接影响

相关CSS属性

• float: none / left / rigght

相对定位 position:relative

• 参照自己原先的位置进行定位
• 不脱离文档流，不会对其他元素产生影响

绝对定位 position:absolute

• 参照第一个定位的祖先元素，都没有定位 参照html
• 脱离文档流
• 设置绝对定位变为块状元素

固定定位 position:fixed

• 参照屏幕 定位
• 脱离文档流
• 设置固定定位变为块状元素