css_day6

浮动的影响

• 浮动的影响：当所有的子元素都浮动了，那么父元素有可能会失去高度。

-为什么父元素会失去高度：
一开始父元素有高度是由子盒子撑开————（父盒子标准流，子盒子标准流）
当子盒子浮动之后，浮动的元素不会占据标准流的位置，所以没有办法撑开标准流的父盒子高度

• 高度法解决`

			 /* 高度法 */
            /* 父元素没有高度，你就给他一个高度 */
            height: 400px;

            /* 高度法非常好用，但是不是所有情况都合适 */
            /* 当父元素高度固定的时候，可以使用高度法 */
            /* 高度动态改变的时候不适合用高度法 */`

• 使用overflow清除浮动

   		overflow: hidden;
           /* 触发了BFC机制，让内部的浮动布局不影响外部 */
           /* 但是不能用...慎重使用 */
           /* 原因是其本职工作不是为了清除浮动，而是为了处理超出的元素 */