Question

我有两个博客。我需要链接那些。

'one.html'的{p> 'website1.com'应加载'website2.com'.

不应显示地址'website2.com'，而应显示'website1.com/one.html'。

必须滚动而不剪切内容（自动调整高度，根据帖子的内容/编号），但滚动条不应该是可见的。

我创建了一个iframe并且能够隐藏滚动条，但它没有自动调整高度。要么它没有显示完整内容，要么显示一半内容。

请提供相应的HTML，CSS和/或Javascript代码。

提前致谢。

Answer 1

<style>
 #support-box {
        width: 50%;
        float: left;
        display: block;
        height: 20rem; /* is support box height you can change as per your requirement*/
        background-color:#000;
    }
    #wrapper {
        width: 90%;
        display: block;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
         background:#ddd;
       margin:auto;
       height:100%; /* here the height values are automatic you can leave this if you can*/

    }
    #wrapper iframe {
        width: 100%;
        display: block;
        padding:10px;
        margin:auto;
    }
</style> 
<div id="content" >
    <div id="support-box">
        <div id="wrapper">
            <iframe name="frame" id="frame" src="website2.com" frameborder="0"></iframe>
        </div>
    </div>
  </div>

演示：https://jsfiddle.net/umd2ahce/6/

iframe从其他网站加载页面，自动调整高度

1 个答案: