千锋前端浠浠呀老师HTML+CSS教程，零基础web前端开发入门必看视频

浮动：

            属性：float：

                取值：

                    left --------- 左浮动

                    right --------- 右浮动

                    none --------- 不浮动

            标准文档流：元素默认的排列方式（元素垂直方向排列或者元素水平方向排列），就是标准文档流

            元素浮动后特点：

                1、元素添加浮动，脱离文档流，在页面中不占位置，后面不浮动元素会自动补位

                2、兄弟关系中，元素同时浮动

                    同时左浮动，元素依次从左到右排列

                    同时右浮动，元素依次从右到左排列

                3、兄弟关系中，元素同时浮动，一行内放不下浮动元素，浮动元素会自动折行，折行位置参考倒数第二个（前面）浮动元素的高度和剩余宽度

            清除浮动：

                兄弟关系中，前面元素添加浮动，会对后面元素产生影响，想要清除浮动带来的影响，需要使用清除浮动

                属性：clear

                    取值：

                        none ----------- 不清楚（默认值）

                        left ----------- 清除左浮动带来的影响

                        right ----------- 清除右浮动带来的影响

                        both ----------- 清除浮动带来的影响(常用)

            浮动中的特殊情况：

                父子关系中，父元素没有固定高度，子元素添加浮动，父元素高度变矮------------高度塌陷

                解决方法：

                    1、给父元素设置固定高度

                        弊端：子元素过多，会产生溢出效果

                    2、给子元素添加清楚浮动

                        弊端：只有一个子元素，无法添加清楚浮动

                    3、如果只有一个子元素，考虑自己手动添加请浮动标签，标签首选div

                    4、给父元素添加overflow:hidden;

                        元素添加overflow:hidden;能够触发BFC，块级格式化上下文，会形成一个独立的区域，区域内与区域外互不干扰

                    5、万能清除法