氧的博客

BFC定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC布局规则 BFC的布局规则： ①内部的Box会在垂直方向，一个接一个地放置。 ②Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。 ③每个盒子（块盒与行盒）的marg

盒子模型 <!-- 标准盒模型 总宽度 = border(左右) + width + padding(左右) 总高度 = border(上下) + height + padding(上下) --> <!-- IE盒模型（怪异盒模型） 总宽度 = width 总高度 = height -->层模型(定位) div{

引入css的三种方式 <!-- 行间样式 --> <div style="width: 100px;height: 100px;background-color: #f40;"></div> <!-- 内嵌式css --> <style> div{ width: 200px; height: 200px; background-col