overflow属性的属性值，父元素使用相对定位？
除非子元素全部是绝对定位的，否则只要有静态子元素的宽度超过父元素的宽度就会撑开父元素。可以把父元素的宽度固定为100%（或100vw），并且把横向overflow属性设为hidden，这样就不会被撑开了，即：width:100%;overflow-x:hidden
div添加滚动条？
div 加滚动条的两种方法：
一、
<div style=" overflow:scroll; width:400px; height:400px;”></div>
记住宽和高一定要设置噢，否则不成的
不过在不超出时，会有下面的滚动条，所以不是最好的选择
二、
<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>
记住宽和高一定要设置噢，否则不成的
这样比较好的是，在宽和高不超出时，只是一条线
三、说明
直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：
<div style="position:absolute; height:400px; overflow:auto">
</div>
如果要出现水平滚动条，则： overflow-x:auto
同理，垂直滚动条为： overflow-y:auto
如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative
如何解决body的overflow？
1、body加position:fixed; —-可行
2、给要滚动的元素添加一个父级，设定高度，overflow：auto；
3、html,body{height:100%;overflow:hidden}
后两种没有实验 ，不知道可行不可行。
bfc规则特性？
一，BFC产生规则
1、根标签(body)
2、float的值不为none
3、overflow的值不为visible
4、display的值为inline-block
5、position的值为absolute或fixed
二，BFC的特性
1、垂直方向排列。（类似块级特性）
2、BFC内部每个内部标签都会与左边界相接触。（类似块级特性）
3、属于同一个BFC的两个块元素，垂直margin兄弟关系会折叠（正数以大值为准，有负数正常加减），父子关系会塌陷。
4、BFC区域不会与float的标签区域重叠。
5、浮动的标签也会被计算BFC高度。
6、BFC是独立容器，内部标签不会影响到外部标签