Html 包含画布的div拉伸 嗨，我正在尝试这个：

---

我创建了javascript来渲染画布，有人能建议如何根据画布大小拉伸div吗？如果不使用javascript也可以吗？？我已经尝试过嵌套div的解决方案，但没有成功。谢谢

如果您可以确定画布大小何时更改，然后触发一个事件，该事件将根据更改后的画布尺寸动态设置div的尺寸

为包含的

div使用不同的
显示
，那么一切都应该正常（另请参阅）：

注：
行高：0
用于确保画布下方不显示任何内容。另请参见。
您的高度/宽度代码无效。尝试
style=“height:300px；width:200px；”
。将div设置为其他值（例如
inline box
）不起作用。啊，是的，在那里键入。我已经发布了我的建议，作为对工作小提琴和屏幕截图的回答。关于无效性，请看，高度和宽度属性无效并不是真的……是的，它是这样工作的：@anjalis当然，通过属性使用宽度/高度也很好，但之前它既没有正确使用样式也没有正确使用属性。我已经相应地更新了我的答案。据我所知，这应该能回答你的问题。有关于这个5像素底边的新闻吗？我有一个确切的问题。我要问这个问题。请看这里的相关问题：
<div>
    <canvas height="300px" width="200px"></canvas>
</div>

div {
    border: 2px solid blue; /* demo purposes */
    display: inline-block;
    line-height: 0;
}
canvas {
    background-color: khaki; /* demo purposes */
}