字围
一个有浮动一个没浮动就会有字围的效果
浮动的问题
浮动的元素不会撑高父级
清除浮动的影响
1.解决父级高度的问题，但是高度不能自适应
2.用清除浮动影响属性： clear，属性值：left、right、both，但是高度不能自适应
3.隔墙法：在互相影响的元素中间加一道墙，组个开两边的元素，墙上面添加一个clear属性，高度自适应了，但是margin失败
4.外墙法：在右浮动元素的父盒子之间隔一道墙。添加两个类，一个是清除浮动，一个模拟外边距 成功！！！
缺点：每个浮动的盒子都需要一道墙，造成冗余没有意义的标签
5.overflow：hidden
盒子内部的元素可以设置溢出模式
overflow：溢出的意思
属性值：hidden，溢出隐藏
auto，溢出滚动
解决了：浮动互相影响，高度自适应，margin 失败 的问题 没有缺点
实际工作中，用overflow来清除浮动 如果遇到大的结构，就加一道外墙
制作矩形变色的边框。方法，用两个盒子来制作，顶部给父盒子设置，左右给子盒子设置
制作 tab 栏
没有被选中的主体部分，需要隐藏，选中的显示
给所有的元素加一个显示模式隐藏，给要显示的元素加一个显示模式块级
display： none; 隐藏元素
display： block；显示元素
原文：https://www.cnblogs.com/really-insist/p/11641099.html