正确调整天气小部件的大小（来自 weatherwidget.io）答案

【问题标题】：Sizing Weather Widget correctly (from weatherwidget.io)正确调整天气小部件的大小（来自 weatherwidget.io）
【发布时间】：2023-03-06 14:47:01
【问题描述】：

我已经从这个站点配置了一个小部件： https://weatherwidget.io/

并将其嵌入我的网站。

我把它放在一个 DIV 中，它会自动获得正确的宽度，但它不会填充高度。

有什么办法可以改变这一点，还是我必须编写自己的 Weather-Widget？

看起来像这样：

深灰色区域为DIV，浅灰色区域为Widget。

我想填满整个 DIV。`

编辑：在代码中是这样的：

    <div class="weatherdiv">

<a class="weatherwidget-io" href="https://forecast7.com/de/49d477d17/sankt-wendel/" data-label_1="SANKT WENDEL" data-label_2="Wetter" data-icons="Climacons Animated" data-mode="Current" data-days="3" data-theme="gray" data-basecolor="#626363" >SANKT WENDEL Wetter</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>

</div>

【问题讨论】：

标签： javascript html widget weather weather-api

【解决方案1】：

需要更多上下文来更好地理解这个问题，但如果我理解的是正确的并且结构是这样的<div><mywidget></mywidget></div> 你可以声明父相对，子绝对比你声明高度 100% 的孩子，它会填满父级的整个空间

【讨论】：

检查我的编辑@Diego Gnoatto
天气小部件可以轻松嵌入到任何网站中，只需将提供的代码粘贴到您希望小部件出现的任何位置。

【解决方案2】：

经过更多研究 ->

回答：用这个小部件你不能！

【讨论】：