Question

我希望将2个iframe与特定的宽度和高度内联，但是当我将它们放入容器时，它们的高度非常小，当我删除容器时，它们采用我指定的宽度和高度。

我有这段代码：

-HTML：

<div class="video-container">
            <iframe id="video-1" src="https://www.youtube.com/embed/4wRrDaWCNCA" frameborder="0" allowfullscreen></iframe>
            <iframe id="video-2" src="https://www.youtube.com/embed/hpYpbSxG7Os" frameborder="0" allowfullscreen></iframe>
        </div>
        <p class="video-text">Partner ufficiale : Miss Mondo .</p>

-CSS：

.video-container{
    width:100%;
    position: static;
    margin:25px auto ;  
    text-align:center;
}


#video-1{
    width:40%;
    height:40%;
    display:inline-block;
    box-sizing:border-box;

}

#video-2{
    width:40%;
    height:40%;
    box-sizing:border-box;
    display:inline-block;
}




 .video-text{
     width:50%;
     margin:0 auto;
 }

我放容器是因为我希望它们居中。

这里有一个JSFiddle：http://jsfiddle.net/2jar2bvs/

Answer 1

答案如下：

http://jsfiddle.net/2jar2bvs/1/

您需要为每个iframe添加一个包装器，并将@Ajax.ActionLink("ActionLink", "ActionLinkClick", new AjaxOptions { OnSuccess = "MultipartialUpdate" }) public ActionResult ActionLinkClick() { MultipartialResult result = new MultipartialResult(this); result.AddView("_Div1", "Div1", new Div1Model("ActionLink clicked")); result.AddView("_Div2", "Div2", new Div2Model("ActionLink clicked")); result.AddContent("ActionLink", "LastClickedSpan"); result.AddScript("alert ('ActionLink clicked');"); return result;添加到等于16/9的比率。 iframe设置为绝对宽度和高度100％，因此它将保持16/9比率。他的包装纸。

如何定位iframe？

1 个答案: