Javascript 增长画布以适应以下div

我有一个

canvas

，我希望它是100%的屏幕宽度和至少100%的屏幕高度，但如果下面的

div

超出屏幕底部，则会更多

我正在使用三角形填充

画布

var模式=三角形({
单元格大小：25，
x_颜色：“绿色”
});
canvas（document.getElementById（'container1'）；
setInterval（函数（）{
//待执行的方法；
变量模式=三角形({
单元格大小：25，
x_颜色：“绿色”
});
canvas（document.getElementById（'container1'）；
}, 1000);
canvas#容器1{
位置：绝对位置；
宽度：100vw；
最小高度：100vh；
}
.屏幕容器{
最小高度：100vh；
职位：相对
}
.三角容器{
背景色：透明；
颜色：#fff；
文本对齐：居中；
垫顶：20vh；
}

...

像这样？
我更新了.screen容器以包含画布的高度

.screen-container {
min-height: 100%;
position: relative
}

这是你想要的结果吗

--长内容--


var模式=三角形({
单元格大小：25，
x_颜色：“绿色”
});
canvas（document.getElementById（'container1'）；
setInterval（函数（）{
//待执行的方法；
变量模式=三角形({
单元格大小：25，
x_颜色：“绿色”
});
canvas（document.getElementById（'container1'）；
}, 1000);
。外包装器{
最小高度：100vh；
位置：相对位置；
}
帆布容器1{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
.屏幕容器{
/*最小高度：100vh*/
位置：相对位置；
}
.三角容器{
背景色：透明；
颜色：#fff；
文本对齐：居中；
/*垫顶：20vh*/
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。在乌拉姆科珀拉齐尼亚塞姆珀。佩朗蒂克式的权贵坦普尔·尼西坐在埃米特·波特的位子上。Sed laoreet、nisi eu auctor cursus、tellus turpis porta diam、ac酵母菌enim odio auctor dolor。酒后驾车，前庭，舌苔。Suspendisse dui dui，luctus id lacus eu，暂时性威尼斯人sem。但是，可口的苏打水是有效的。Donec vulputate placerat orci，vitae porttitor nunc。Etiam risus nibh，自由之门，临时拍卖人多洛。在埃吉斯塔斯瓦普塔特对决时，我是奥古斯特。
这是一种非暴力行为。努克·利奥·乌尔纳（Nunc leo urna），自由之门内的尤伊斯莫（euismod）。德高辛·努克的整数，身份是权杖梅特斯。这是我们的共同目标，也是我们的共同目标。Donec ornare lorem是一个永远的港口商。在森佩尔·奥古斯·布朗迪特的伦卡斯酒馆里，有一个酒馆。整型拉奥里特（Integer laoreet）、维利特（velit sed molestie malesuada）、莫利斯·萨皮安（enim quam mollis sapien）、乌兰科帕（ullamcorper sollicitudin）和非乌尔纳（urna）。毛里斯欧盟贵宾莱克图斯。
这是一个托托人的借口，一个普尔文纳的格言，一个狮子座的人。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。发酵镰刀菌。无蜗壳、无蜗壳、无蜗壳和无蜗壳。这是一种折磨人的咒语，是一种权杖。只有奥迪奥才活，没有排卵门，只有同侧。我是帕特·胡斯托，坐在埃米特·尤伊斯莫酒后驾车。在埃吉特埃拉特马萨。艾斯塔斯艾普苏姆甜瓜，孕妇甜瓜，玉米粉碎机酒后驾车者，维韦拉五花八门节杖，艾普苏姆卢克图斯。纳拉·多洛东部，佩伦茨克的马蒂斯，伊特杜姆ac尼布。
这是一个很好的例子。托托·尼索二人组，奥纳雷大学的苏西比特人组，塞莱里克·内克·多洛。但设施的效率是无规律的。Donec ut sodales odio，sed venenatis leo。这是《怀孕的弗林斯利亚》中的权杖性爱。阿利奎姆·弗里利亚·维塔·奥奇·塞德·辛西登。这是一种非常有效的治疗方法。
这是一个很好的例子。在orci interdum sapien bibendum sagittis中。Mauris在马萨-基斯-尼西-利古拉岛的共同设施。前庭生命之路，浮雕之路。整粒玉米饼，白芸香a，白十字花。他是一个爱的人，他是一个爱的人，他是一个爱的人。福斯·特里斯蒂克·托托·劳里特·布兰迪特。Donec laoreet enim felis，生命拍卖人faucibus ante。两人在同一时间被要求参加尤伊斯莫·多洛（euismod dolor）的比赛。白羊座：白羊座：白羊座：白羊座：白羊座：白羊座：白羊座：白羊座：白羊座：白羊座：白羊座：白羊座：白羊座：白羊座：白羊座：白羊座。奎斯克·卢克图斯·多洛·麦格纳。我是一个伟大的人，我是一个伟大的人。你的电话号码是多少。
你能把小提琴放在一起吗？我已经试着设置了一个JSFIDLE的示例，但是我无法让画布加载图像。即使小提琴坏了，你也可以保存它，我可以看一看。看看你能不能让我看得够远。这把小提琴展示了我的布局，但它甚至没有加载我给它的图像：“跟随div”是什么意思？你是说“下一个兄弟姐妹”吗？请使用正确的术语