Javascript 使twitter小部件与DIV的高度相同

我正试图使我的twitter小部件（在它自己的div中）与另一个div（称为mainslider）的高度相同。我尝试了一些JavaScript和JQuery的东西，但我对这方面没有太多经验。 我的代码摘录如下：

    <div class="mainslider" id="mainsliderid">
    (SLIDER CODE HERE THAT I REMOVED)
</div>
<script>
var twitterheight = $('mainsliderid').height();
</script>
<div class="maintwitter">
    <a class="twitter-timeline" href="https://twitter.com/twitter" data-widget-id="704258053198254080" height="twitterheight" width="100%">Tweets by @twitter</a>
    <script>
        !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
        if(!d.getElementById(id)){
        js=d.createElement(s);
        js.id=id;js.src=p+"://platform.twitter.com/widgets.js";
        fjs.parentNode.insertBefore(js,fjs);
        }}(document,"script","twitter-wjs");
    </script>
</div>

（我删除了此处的滑块代码）
var twitterheight=$（'mainsliderid'）.height（）；
!函数（d，s，id）{var js，fjs=d.getElementsByTagName（s）[0]，p=/^http:/.test（d.location）→http:'https'；
如果（！d.getElementById（id））{
js=d.createElement；
js.id=id；js.src=p+“：//platform.twitter.com/widgets.js”；
fjs.parentNode.insertBefore（js，fjs）；
}}（文件，“脚本”、“推特wjs”）；

所以我自己解决了这个问题，而且非常简单。

---

由于我的幻灯片的性质，它的高度与宽度成比例。因为我使用屏幕宽度的比例来改变推特和幻灯片的宽度，所以我可以使用单位“VW”，即屏幕宽度的1%，只需将其乘以正确的值。现在可以正常工作了。

Quick and dirty:

jQuery（'maintwitter'）.height（jQuery（'mainslider'）.height（））-更好的方法是获取两者的高度，并将其设置为最大高度。这似乎不起作用，twitter时间线不能设置为占据高度的100%。唯一的办法似乎是设置“不工作”内的像素高度，或者不设置您想要的高度？
a
元素是一个小按钮。此外，查看呈现的HTML将非常有用，而不是在div中运行的脚本。twitter小部件在这里的默认高度为600px。嗨-不，我指的是HTML-不是它看起来的样子。没有HTML，我们不知道什么标记可以访问/修改/大小。