浮动

1.浮动：

div{flot：left} 向左浮动 div{flot：left}向右浮动

消除浮动的四种方法：

一：浮动元素后面加上空的div 设置clear：both

二：给父元素增加高度，style="height: " （简单，但会降低扩展性，要不断调整高度）

三：父级添加overflow属性（下拉列表场景中不能使用）

四：父级添加伪类after，、

.clear::after{

content: “ ”; 添加内容为空

display: block; 把添加的内容转化为块元素

clear: both; 清除元素两边的浮动

}

2.文本溢出边框

overflow: visible （默认不修剪，会超出盒子之外）

overflow: hidden（内容会被修建=剪，并且不可见）

overflow: scroll（内容会被修剪，但会显示滚动条查看其余内容。横纵都有滚动条）

 overflow:auto （内容被修剪，只会在需要的地方加上滚动条）