Question

您好，

我想创建一个内容来自外部的弹出窗口，我想将该内容放在popup的iframe标签中。我不确定会有多少内容，它将是大数据或小数据。所以我想要实现的是，弹出宽度和高度应该自动调整到内容的宽度和高度，如果内容太大（如果超过主体宽度和高度），内容div标签必须自动滚动....有没有办法实现......感谢代码...

这是我的代码，我相信会起作用（但它没有给出正确的输出）

<style>
 #irmNPopupContainer{
    display:inline-block;
    border:8px solid rgba(0,0,0,0.4);
    border-radius:8px;      
   }
   #irmNPopupHdr{
    height:30px;
    width:100%;
    background:#e4e4e4;
   }
   #irmNPopupHdr span:first-child{
    padding:0px 0px 0px 5px;
    font-weight:bold;
    color:#333333;
   }
   #irmNPopupHdr span:last-child{
    position:absolute;
    right:2px;
    top:2px;
    cursor:pointer;
   }
   #irmNPopupContent iframe{
    width:100%;
    height:100%;
   }
  </style>

 <body>
   <div id="irmNPopupContainer">
     <div id="irmNPopupHdr"><span>Agreement Search</span><span><img src="badge_cancel_32.png"></span></div>
     <div id="irmNPopupContent">
       <iframe src="http://www.w3schools.com" frameborder=0>
       </iframe>
     </div>
   </div>
 </body>

Answer 1

你不是用桌子代替div吗？
您是否还想设置iframe的高度和宽度？如果是，那么你需要使用easyxdm插件来调整大小ifrmae这里是插件的链接（这将适用于跨域。如果域相同，那么不需要这个插件，你可以通过JS代码设置宽度和高度。） http://easyxdm.net/wp/2010/03/17/resize-iframe-based-on-content/

使用自动宽度和高度创建弹出窗口

1 个答案: