因为环境原因，子级设置margin-top的时候，父级会一起下移，一般出现在设置最大容器的时候

margin-top：父级设overflow：hidden   

 

父级找回高度：在子级浮动时，如果父级没有设置高度，就会引起父级高度塌陷

解决办法：overflow：hidden

 

当内容超出父级

解决办法：overflow：scroll

 

BFC 块级格式化上下文   环境

 

1、根元素

2、float

3、overflow：auto/scroll/hidden

4、display：table-cell/table-caption/inline-block/flex/inline-flex

5、position：absolute/fixed

 

涉及到用输入框，最后面小图标那里可以加padding限制输入范围

 

做网页时先划分好结构，细致到设计好每块版块用什么值相隔，最好是一个方向的margin