Html 最小高度：100vh使透明边框以镀铬显示
因此，我决定跳上对角线背景div的潮流，一直在玩几个例子，找到了一个我喜欢的解决方案，其中包括创建一个三角形 我遇到的问题是，在主体上设置Html 最小高度：100vh使透明边框以镀铬显示,html,css,google-chrome,flexbox,Html,Css,Google Chrome,Flexbox,因此，我决定跳上对角线背景div的潮流，一直在玩几个例子，找到了一个我喜欢的解决方案，其中包括创建一个三角形 我遇到的问题是，在主体上设置minheight:100vh，将footer推到页面底部（如果页面上没有内容，则需要这样做），仅在chrome中会在三角形上引入虚线（Firefox和edge看起来不错）大概是chrome在边框透明度方面有问题吧 将min height:100vh更改为min height:400px将消除该问题，但会产生另一个问题，即页脚不再粘在底部 以前有没有人遇到过这
minheight:100vhfooter边框min height:100vhmin height:400px.top{
背景：#eee；
高度：40px；
/*这将像部分缺少一些填充底部一样工作*/
边框宽度：0px 0px 100px 98.5vw；
边框样式：实心；
边框颜色：rgba（0,0,0,0）rgba（0,0,0,0）#e35050#eee；
-webkit变换：旋转（360度）；
线高：0px；
}
.街区{
宽度：100%；
高度：100px；
背景：#e35050；
}
.底部{
背景：#e35050；
高度：40px；
/*这将像部分缺少一些填充底部一样工作*/
边框宽度：0px 0px 60px 98.5vw；
边框样式：实心；
边框颜色：#eee#e35050；
线高：0px；
}
#主要{
弹性：1；
位置：相对位置；
边缘顶部：60像素；
背景：#eeeeee；
最小高度：100vh；
}
display:flex最小高度：100vh