使用JavaScript设置对象的高度以匹配浮动对象？

所以我把自己打造成一个网站，我撞到了一堵砖墙。我想知道是否可以使用JavaScript获取浮动对象的高度，并使用该浮动对象的高度设置另一个对象的高度。基本上，第二个对象在理想情况下与浮动对象的高度相同，而浮动对象恰好是具有id属性的视频。我想知道这是否可能？如果是的话，怎么做

到目前为止，这是我的代码：

HTML块的两个示例：

<div class="vidFloat" id="vidFloat">
    <div class="floatL"><video id="vid" src="../vid/videoname.mp4" type="video/mp4" controls></video></div>
    <h2>this video...</h2><p>hi there</p>
</div>

<div class="vidFloat" id="vidFloat">
    <div class="floatR"><video id="vid" src="../vid/videoname.mp4" type="video/mp4" controls></video></div>
    <h2>this video...</h2><p>hi there</p>
</div>

CSS:

---

是否可能，但我看到您的代码中有一些错误：vidHeight（l.2）似乎未定义。您只需获取一个div的.height（）（检查js doc，您可能需要outerHeight作为示例）并为另一个div分配一个新高度：secondDiv.style.height=firstdivheight您要获取高度的元素是哪个？光碟？还是float的floatL类的内部div？设置高度的元素是vid，这是一个视频html5元素，我想使用vids height设置vidFloat的高度。VidFloat还有一个名为VidFloat的ID，我在其中设置了最大高度…为什么要使用javascript，如果你想要成对的等高度块，你可以使用

display:flex

：Paul，你认为这样做会比：var vidRef=document.getElementById（'vid'）；var mHeight=vidRef.height（）；var contentHeight=document.getElementById（'vidFloat'）.style.height；如果（contentHeight！=mHeight）{contentHeight.style.maxHeight=mHeight；}是否可能，但我看到您的代码中有一些错误：vidHeight（l.2）似乎未定义。您只需获取一个div的.height（）（检查js doc，您可能需要outerHeight作为示例）并为另一个div分配一个新高度：secondDiv.style.height=firstdivheight您要获取高度的元素是哪个？光碟？还是float的floatL类的内部div？设置高度的元素是vid，这是一个视频html5元素，我想使用vids height设置vidFloat的高度。VidFloat还有一个名为VidFloat的ID，我在其中设置了最大高度…为什么要使用javascript，如果你想要成对的等高度块，你可以使用

display:flex

：Paul，你认为这样做会比：var vidRef=document.getElementById（'vid'）；var mHeight=vidRef.height（）；var contentHeight=document.getElementById（'vidFloat'）.style.height；如果（contentHeight！=mHeight）{contentHeight.style.maxHeight=mHeight；}

var vidRef = document.getElementById('vid');
var mHeight = vidHeight.offsetHeight;
var contentHeight = document.getElementById('vidFloat').style.height;

if (contentHeight!=mHeight){
  contentHeight.style.maxHeight = mHeight;
}

.vidFloat{
  margin-bottom: 15px;
  display: none;
  overflow: hidden;
  width: 100%;
  background-color: rgba(255,255,255,0.2);
}
.floatL {
  width: 50%;
  float: left;
}
.floatL video{
  width: 100%;
}
.floatR {
  width: 50%;
  float: right;
}
.floatR video{
  width: 100%;
}
/*
The following are IDs used in javascript, and then media queries
*/
#vidFloat{}
#vid{}