什么是BFC？ W3C对BFC的定义如下： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为"visiable"的块级盒子，都会为他们的内容创建新的BFC（Block Fromatting Context， 即块级格式上下文）。 BFC的触发条件 1. 根元素html 2. float不为none 3. overflow不为visible 4. position为fixed或…

标准模型 + IE模型 标准模型宽高为content的宽高 box-sizing: content-box; IE模型宽高是 content + border + padding 的宽高 box-sizing: border-box; js如何设置和获取元素宽高 dom.style.width/height // 只能获取内联样式的宽和高 dom.currentStyle.width/height // 能够拿到最后的样式，但只有ie支持 window.getComputedStyle(dom).width/hei…

高度已知，实现左中右布局 浮动 左右通过浮动控制 <!-- float --> <style type="text/css" media="all"> .layout-1 .content > div{ height: 100px; } .layout-1 .center{ background-color: blue; } .layout-1 .left{ float: left; width: 300px; background-color:…