摘要：
position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -150px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; 阅读全文
摘要：
在正常情况下，层级的大小由顺序决定，后面的元素要比前面的元素的层级要高 有定位元素的层级要比没有定位元素层级要高 在都有定位的情况下，层级还是取决于书写顺序 z-index 层级(仅能在定位元素上奏效，就是该元素的定位值为relative、absolute、或者fixed)， z-index在父元素 阅读全文
摘要：
position 定位( relative 不脱离文档流；absolute脱离文档流) relative 相对定位 移动的方向 top、right、bottom、left 特点 1、只加相对定位，不设置元素移动的位置，元素和之前是没有变化 2、根据自己原来的位置计算移动的位置 3、不脱离文档流，元素 阅读全文
摘要：
BFC 标准浏览器所具有的 Layout IE浏览器所具有的 Layout 它决定了块级元素如何对它的内容进行布局，以及与其它元素的关系和相互作用 hasLayout true false 触发Layout的方式 1、默认触发 table、tr、th、td、img、input、button、sele 阅读全文
摘要：
Block Formatting Contexts： 块级元素格式化上下文块级元素如何对它的内容（子元素：也是一个块元素）进行布局，以及与其它元素（与内容同级别）的关系和相互作用 普通文档流的布局规则 1、浮动的元素是不会被父级计算高度 2、非浮动元素会覆盖浮动元素的位置 3、margin会传递给父 阅读全文
摘要：
overflow ： 针对超出父级的内容如何显示 值： visible 默认值，超出的内容会显示出来 auto 如果内容超出了父级，那就出现滚动条。如果内容没有超出，就没有滚动条 hidden 超出的内容隐藏掉 scroll 不管内容有没有超出，都会出现滚动条 阅读全文
摘要：
float: 定义：按照一个指定的方向移动，遇到父级的边界或者相邻的浮动元素就会停下来（不完全脱离文档流） 值： left、right、none 特点： 1、浮动的块元素可以在一行显示，宽度是被内容撑开的2、浮动的行内元素支持宽高3、非浮动元素里的内容会留出前面浮动元素的位置(盒模型的位置)4、浮动 阅读全文