HTML5透明div高度与视频或iframe标签重叠容器高度
我有一个容器，包含2 div一个透明的背景色，坐在视频标签的顶部，视频应该是全屏宽度100%（高度没关系）
由于某种原因，透明div与视频容器高度略有重叠（在底部），如下所示：
http://jsfiddle.net/v3vLq0nv/
这种情况不会发生在图像标记上，请注意，在本例中，我使用了嵌入式youtube iframe，因为它与标记有相同的问题。
如果我在父容器上设置一个高度，那么它可以正常工作，但是为父容器设置一个固定的高度会使视频不再是全宽的。
我发现唯一有效的方法是更改HTML5声明：
<!DOCTYPE html>
到
<!DOCTYPE>
我想这意味着它不再是HTML5了，这不是一个很好的解决方案。
共有2个答案
添加显示：块
到iframe:）
我认为最好的两个选择是：
#videoContainer { height:150px; }
或
#videoContainer iframe { float:left; }
他们都能解决你的问题。
-
问题内容： 我希望我的容器div获得其子代高度的最大值。不知道孩子的身高。我正在尝试使用JSFiddle。容器为红色。没有出现。为什么？ 问题答案： 添加以下属性： 这将迫使容器尊重其中所有元素的高度，而不考虑浮动元素。 更新 最近，我正在一个需要此技巧但需要允许溢出显示的项目中工作，因此，您可以使用伪元素清除浮动，从而有效地实现相同的效果，同时允许所有元素上的溢出。
-
我希望graph div的高度能够一直延伸到其父（graph容器）容器的末端，但不能超过它。我已经尝试将图形的高度设置为100%和inherit，但这两种设置都会导致图形延伸到父容器的底部边缘（我不想使用overflow:hidden）。有没有办法在图形上设置height属性，使其自动将其高度设置为正确的值？ 当前代码：
-
我正在用JavaFX和JavaFX Scene Builder开发软件。 我有一个有2列的网格窗格。实际上，在每个单元格中都有标签。在表的第一列中，标签内的文本是默认常量，在第二列中，文本可以更改。 编辑： 多亏了@Fabian issues，这才解决了最初的问题。在addiction中，需要将每个元素的fx：id设置到场景构建器中。
-
问题内容： 在下面的代码中，我希望带有“ y”的div将div的高度与3个“ x”相匹配。 需要注意的是内部div是浮动的。 问题答案： 如果您不反对使用jQuery，可以使用EqualHeight，它应该做您想要的
-
问题内容： 我正在尝试创建一个画布元素，该元素占用视口宽度和高度的100％。 您可以在我的示例中看到这种情况的发生，但是它正在Chrome和FireFox中添加滚动条。如何防止多余的滚动条，仅将窗口的宽度和高度精确设置为画布的大小？ 问题答案： 为了始终使画布全屏显示宽度和高度，这意味着即使调整了浏览器的大小，也需要在将画布调整为window.innerHeight和window.innerWid
-
问题内容： 我想设计一个带有横幅和iframe的网页。我希望iframe可以填满所有剩余的页面高度，并在浏览器调整大小时自动调整大小。是否可以仅使用CSS而无需编写Javascript代码来完成它？ 我尝试在iframe上进行设置，结果非常接近，但是iframe尝试填充整个页面高度，包括banner div元素的高度，因此我得到了不必要的垂直滚动条。这不是完美的。 更新说明 ：对不起，我没有很好地