CSS浮动以及背景属性
标准文档流
在标准情况下文档的流向方式，块级元素默认从上到下，行内元素和行内块元素从左到右。
CSS浮动，浮动的本意是为了解决文字环绕问题，设置浮动后。会对后面的文字产生环绕效果。
浮动的基本使用：
<style>
*{
float:left /* 左浮动 */
float:rigth /* 右浮动 */
}
</style>
元素设置浮动之后，能够让当前元素脱离标准文档流（脱标）
浮动的特点：
1：浮动元素找浮动 不浮动找不浮动
浮动的元素脱标，会显示在标准文档流的上层
2：浮动只会影响后面的元素，对前面的元素不造成影响
3：浮动可以实现模式转化，让元素脱标，实现和行内块一样的效果，可以设置宽高
浮动带来的影响：
当没有给父元素设置高度时，子元素全部设置浮动会导致父元素没有高度。
解决浮动带来的影响
- clear属性，清除浮动带来的影响。
clear left 清除左浮动影响，clear right 清除右浮动影响， clear both 清除两边浮动带来的影响。
2.给父元素添加 overflow:hidden
opacity和rgba
opacity设置元素透明度：针对元素的属性，表示设置当前元素以及内部一起的透明度
rgba(x,x,x,0~1);设置背景颜色的透明度
CSS隐藏元素的方法
分为占位隐藏和不占为隐藏：
占位隐藏：元素会占着位置，即有宽高只是内容不显示
1.opacity:0
2.visiblity:hidden
3.margin-left: -设置一个很大的值
不占位隐藏：
1.display:none
2、width:0;
height:0;
overflow:hidden
标签：浮动,clear,元素,文档,设置,CSS,属性 From： https://www.cnblogs.com/RepublicLine/p/17738854.html