CSSBUG

BFC基本概念

BFC:块级格式化上下文

BFC基本概念：BFC是CSS布局的一个概念，是一块独立的渲染区域，是一个环境，里面的元素不会影响到外部的元素。

父级元素和兄弟元素边距重叠，重叠原则取最大值。空空元素的边距重叠是取margin与padding的最大值

1、根元素，即HTML元素（最大的一个BFC）

2、就对定位元素 （position的值为absolute或fixed）

3、行内块（display为inline-block）

4、表格单元（display为table、table-cell、table-caption、inline-block等 HTML表格相关的属性）

5、弹性盒（display为flex 或者inline-flex）

6、默认值。内容不会被修剪，会呈现在元素框之外（overflow不为visible）

可以让父级元素的高度包含子浮动元素，清除内部的浮动（原理：触发父div的BFC属性是下面的子div都处于父div的同一个BFC时，可以阻止margin重叠）

论iframe的优缺点

html5不再执行使用frame iframe只有src属性

1. 使用iframe的优缺点
   • 优点
     1. 程序调入静态页面比较方便
     2. 页面和程序分离
        • 缺点
   • 缺点
     1.iframe有不好之处 样式脚本需要额外链如 ，会增加请求。另外用js放盗链只防得了小偷，防不了大盗
     2.iframe好在能够把原先的网页全部原封不动显示下来,但是如果用在首页,是搜索引擎最讨厌的.那么你
     的网站即使做的在好,也排不到好的名次!
     3. 调用外部页面,需要额外调用css,给页面带来额外的请求次数;
     4. 链接导航疑问。运用框架结构时，你必须保证正确配置所有的导航链接，如不然，会给访问者带来很大
        的麻烦。比如被链接的页面出现在导航框架内，这种情况下访问者便被陷住了，因为此时他没有其他地点
        可去。