documentflow标准文档流，元素会默认从左到右，从上到下，块级元素占用单行，行内元素共享一行positionstatic预留空间，出现在正常文档流中，（忽略top,bottom,left,rightorz-index语句）相对保留空间，相对于前一个位置，absolute没有保留空间，相对于非静态位置，如果没有，一路到根元素fixed没有预留空间，relative屏幕视口的位置随着滚动相对于第一个父块元素的位置粘连（兼容性差），像relative一样正常，像fixedz-index滚动时的堆叠顺序.整数越大，堆叠的越多上面如果是父子关系，肯定是父在上，子在下。如果同一个节点顺序不对，则应查看其父元素，俗称“斗父”。,父元素不能展开子元素clear:both:在父元素下添加新元素overflow:autoclearfix:在父元素中写一个类，使用伪元素插入两个元素块.clearfix:after{content:'';显示：块；明确：两者；BFC直译为“块级格式化上下文”，与外部区域无关。它是用于管理块级元素的容器。创建BFCfloatasleft|rightoverflowashidden|auto|scrolldisplayastable-cell|table-caption|inline-block|inline-flex|flexpositionasabsolute|fixed根元素BFCfeature特性1：BFC防止margin重叠当属于同样的BFC，margin会重叠，只要它们之间没有barrier（比如border，Non-emptycontent，padding等）就会造成marginoverlap和兄弟元素marginoverlap。解决办法是在中间加一个BFC子元素。就是将浮动元素和其他元素分开，形成自适应的两栏布局。特点三：BFC可以包含浮动子元素浮动，脱离文档流，父元素高度塌陷。解决办法是把父元素变成BFC
