peifeng_chen的微博

圣杯布局和双飞翼布局的好处​ 三栏布局，中间的内容栏最先加载和渲染。​ 两侧内容固定，中间内容随宽度自适应。<style> #container { padding-left: 200px; padding-right: 150px; } #container .column { float: left; } ......

CSS实现水平居中，垂直居中的各种方式。

什么是BFC？Block format context，块级格式化上下文。一块独立渲染区域，它有自己的一套渲染规则，内部元素的渲染不会影响边界以外的元素。有哪些渲染规则？块级元素垂直方向的距离由margin决定。属于同一个BFC的两个相邻块级元素的margin会发生重叠。 对于从左往右的格式化，每个元素（块级元素与行内元素）的左边缘，与包含块的左边缘相接触，(对于从右往左的格式化则相反)。即使包含块中的元素存在浮动也是如此，除非其中元素再生成一个BFC。 BFC的区域不会与浮动元素重叠。

margin纵向重叠问题、margin负值原因，margin负值应用场景