【问题标题】:centre iframe absolute position in html page在 html 页面中居中 iframe 绝对位置
【发布时间】:2015-05-09 23:00:47
【问题描述】:

我有一个 iframe,我已在顶部剪裁,但想以网页为中心并在加载时缩放。我可以剪辑它,但不能定位它,即使是相对的 div 容器,以便将剪辑区域保持在顶部。

JSFiddle

<div id="content">
<div id="myiframe">
  <iframe src="http://www.flippity.net/fc.asp?k=15r4rRJ- 
   hrZW2kAjUhpv1ZcqsWaUFci7O9e2ItxBDfO0"  height=700px  width=800px  
 scrolling="no"></iframe>
</div>
</div>

【问题讨论】:

    标签: html iframe positioning absolute clipping


    【解决方案1】:

    试试这个

    #content {
        width:100%;
        position:absolute;
        display:block;
        top:0;
    }
    #content #myiframe {
        margin:auto;
        position: relative;
        width:800px;
    }
    

    【讨论】:

    • 这段代码很好地将 iframe 居中,但它仍然使 iframe 与容器顶部齐平。添加边距等,使整个框架变大,向下移动以显示顶部。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-09-24
    • 2016-11-03
    • 2020-06-07
    • 2011-06-25
    • 2016-07-23
    • 1970-01-01
    • 2017-06-23
    相关资源
    最近更新 更多