在<div>容器之外的<iframe>渲染?

时间:2019-03-01 18:00:46

标签: html css iframe embed vimeo

这里有些困惑。我的代码有问题吗,或者这表明我根本不知道...的JS / PHP冲突或iframe错误?

以下iframe(嵌入了vimeo)始终在其容器div之外呈现。

此HTML标记:

  
  <!---图片--->   
) ;“>   
  <!-视频->   
       

正在渲染此图片:

”在此处输入图片描述“

我尝试使用不同的标签,删除php,类名并停用要使其在其中工作的javascript滑块。即使没有上述任何内容,它仍会在div之外呈现。

iframe上的CSS很简单:

  iframe {display:block;职位:相对宽度:100%最大宽度:100%}
 

编辑:在CodePen和StackOverflow运行代码段上进行了测试。标记似乎运行良好。因此,问题仅限于我们的网站,是否有任何可能导致此行为的想法? 谢谢

1 个答案:

答案 0 :(得分:0)

已解决::我仍然不确定为什么,但是从父容器中删除元素ID可以解决此问题。我找不到的任何CSS或Javascript都没有使用该ID,它也不是通用的ID名称。但是,与在某些地方定位ID名称的东西一定存在冲突,这反过来又影响了iframe标记。