Question

我有两个不同的div来创建我的主页幻灯片横幅。包含横幅内容的那个称为＃flex-viewport。在后面我在div＃video-container中有一个wave视频。

＃flex-viewport div位于页面容器内，使其居中，但＃video-container位于不同的容器div中，使其填满整个屏幕宽度。

我不太确定如何使这两个高度相同。如果您访问我的网址，您会看到问题所在。 glymed-plus.mybigcommerce.com

我不确定我是否需要JavaScript解决方案或如何解决此问题。 div不是浮动的，它们不需要看起来像列。这些是我能找到的唯一解决方案，我无法让它发挥作用。这需要做出回应。

提前感谢您的帮助。

Answer 1

根据我对你想要的理解（在阅读完所有评论和你的帖子后我最了解），我会使用javascript：

function sameHeight() {
    document.getElementById("flex-viewport").style.height = document.getElementById("video-container").style.height = '500px'; //pick a number, I picked 500 here
}

也可以使用jQuery：

function sameHeight() {
    $("#flex-viewport, #video-container").height(num); //pick a number
}

您可以使用onload或其他事件触发此操作，例如，<body>

的上传

<body onload="sameHeight()">

从不同的地方制作2个div具有相同的高度？

1 个答案: