CSS浮动以及背景属性

在标准情况下文档的流向方式，块级元素默认从上到下，行内元素和行内块元素从左到右。

CSS浮动，浮动的本意是为了解决文字环绕问题，设置浮动后。会对后面的文字产生环绕效果。

浮动的基本使用：

<style>
    *{
        float:left  /* 左浮动 */
        float:rigth  /* 右浮动 */
    }

</style>

元素设置浮动之后，能够让当前元素脱离标准文档流（脱标）

1：浮动元素找浮动不浮动找不浮动

浮动的元素脱标，会显示在标准文档流的上层

2：浮动只会影响后面的元素，对前面的元素不造成影响

3：浮动可以实现模式转化，让元素脱标，实现和行内块一样的效果，可以设置宽高

当没有给父元素设置高度时，子元素全部设置浮动会导致父元素没有高度。

clear left 清除左浮动影响，clear right 清除右浮动影响， clear both 清除两边浮动带来的影响。

2.给父元素添加 overflow:hidden

opacity和rgba

opacity设置元素透明度：针对元素的属性，表示设置当前元素以及内部一起的透明度

rgba(x,x,x,0~1);设置背景颜色的透明度

分为占位隐藏和不占为隐藏：

占位隐藏：元素会占着位置，即有宽高只是内容不显示

1.opacity:0

2.visiblity:hidden

3.margin-left: -设置一个很大的值

不占位隐藏：

1.display:none

2、width:0;

height:0;

overflow:hidden