摘要：IE旧模型中：width = content + padding + border; w3c中： width 指的是content部分的宽度 box-sizing:content-box 是w3c模型 box-sizing:border-box 是旧版本IE盒模型 阅读全文

摘要：1、设置clear:left 2、父元素结束标签之前插入清除浮动的块级元素clear:both 3、利用伪元素.claerfix::after { content: ‘.’; height: 0; display:block; clear:both; } 4、设置overflow不为visible。 阅读全文

摘要：BFC:(Block formatting context) ,翻译为”块级格式化上下文” 它是一个独立的渲染区域，只有block-level box参与，规定内部的Block-level Box如何布局，并且该区域与外部区域毫不相干。 哪些元素会产生BFC： 1、html根元素 2、float属性 阅读全文

摘要：css水平居中： 行内元素：text-align:center 块级元素:margin: 0 auto position: absolute; left:50%; transform: translateX(-50%); 也可以已知宽度的情况下，margin-left:-宽度的一半 display: 阅读全文