我有一个容器，其中包含2个div，透明背景颜色位于视频标签的顶部，视频应为全屏宽度100％（高度无关紧要）
出于某种原因，透明div与视频容器高度略微重叠（在底部），如下所示：
对于图像标记不会发生这种情况，请注意，对于此示例，我使用了嵌入式youtube iframe，因为它与标记具有相同的问题 .
如果我在父容器上设置高度然后它工作正常，但为父容器设置固定高度会使视频不再是全宽度 .
我发现它唯一有效的方法实际上是改变HTML5声明：
<!DOCTYPE html>
至
<!DOCTYPE>
我猜这意味着HTML5不再是一个很好的解决方案 .
注意在jsfiddle中执行此操作不会使其工作，因为jsfiddle本身会将声明放回到框架“！DOCTYPE html”中
2 回答
我认为这里最好的两个选择是：
要么
他们都会解决你的问题 .
将
display:block;添加到iframe :)