前端浮动、定位、过渡、动画学习总结

一、浮动（Float）

1.什么是浮动？

float属性用于创建浮动框，将其移到一边，直到左边缘或右边缘及包含块或另一个浮动框的边缘。
语法：

选择器 {
    float ： 属性值； }

属性值	描述
none	元素不浮动【默认值】
left	元素向左浮动
right	元素向右浮动
inherit	元素继承父级的浮动属性值

举例：

<div class="none">默认不浮动</div>
<div class="left">左浮动</div>
<div class="right">右浮动</div>
<div class="inherit">
    <div class="child-1">继承父级的浮动属性</div>
</div>

页面显示：

补充：
标准流
标准流（normal flow），也被称为文档流，是指在不借助任何特殊的css排列规