jQuery .html() 不适合 div答案

【问题标题】：jQuery .html() won't fit in a divjQuery .html() 不适合 div
【发布时间】：2018-06-06 06:19:40
【问题描述】：

<div id="site-loader"><body></body></div>

//Takes in HTML string. 
function processData(data){
    console.log(data);
    self.vue.html_data = data
    //$('#site-loader').contents().find('body').html(data);
    $("#site-loader").html(data);
}

我正在加载一个外部网站（比如 Amazon.com）并尝试将其放在网站加载器 div 中。我不在乎任何站点有多大，但我想将加载站点的大小限制为由我的站点加载器 div 的样式确定的固定大小。

编辑站点加载器 div 的 css 不会更改加载站点的任何内容。有什么想法吗？

基本上，我想将任何网站显示到一个小的固定框架中，可以滚动查看显示的网站。

【问题讨论】：

听起来你在谈论iframe。但是请注意，许多网站不喜欢被放置在其中（或根本不喜欢被抓取）。
你不能有这样的body标签
未知数太多，任何人都无法在这里提供建设性帮助
在我看来，将 div 限制为给定大小似乎反映了 css 最大宽度和最大高度规则以及溢出：auto
谢谢@Taplar！溢出为我解决了！

标签： javascript jquery html css

【解决方案1】：

您可以通过提供溢出的最大宽度和高度来限制元素的大小。

#container {
  background-color: rgb(16, 16, 16);
  max-width: 200px;
  max-height: 200px;
  overflow: auto;
}

#largeChild {
  min-width: 2000px;
  min-height: 2000px;
}

<div id="container">
  <div id="largeChild"></div>
</div>

【讨论】：