这几天有时间，决定把前端时间在前端开发工作中碰到的小坑记录下来，以便日后碰到同样问题时，能快速解决问题。

　　在工作中经常会有这样的需求，我们开发的页面会交给合作方，由合作方把我们的页面用iframe的形式钳入到对方的页面中，俗称“媒体合作”。但在这个过程中，就出现了一个让人蛋疼的问题--我们的页面被钳入合作方的页面后，页面原有的弹出框无法正常定位，一个本来应该显示在页面正中间的dialog，会弹出到页面最上方。经查，导致这个问题的原因就在于页面被iframe钳入后，视口改变所以导致页面原有的定位失效。同事给的解决方案如下：

1.样式
html, body {
height: 100%;
}

2.iframe及iframe所有的父级容器宽高100%

3.iframe加scrolling="auto"属性