在 div 中加载外部内容

Question

我有三个 div，其结构如下：

<div id="1"> 
     <div id=2"><button id="button">Click me</button></div>
     <div id=3"></div>
   </div>

我正在尝试将外部网站加载到 div3，如下所示：

$('#div3').html('object style="width:100%" data="https://google.co.in"/>');

即使在此之后，内容也会显示在带有小框的右侧。 如何让它占据父div的宽高

编辑：我将 div3 css 宽度设为 100% 仍然相同

Answer 1

HTML

 <div id="1"> 
         <div id=2"><button id="button">Click me</button></div>
         <div id=3"><iframe src"http://website.com"></iframe> </div>
       </div>

CSS

 #3 iframe{display:none;width:100%;}

调用jquery函数

$(document).ready(function(){
  $("#button").click(function(){
  $("#3 iframe").css("display","block");
});
});