对齐框（CSS/HTML）

如何将红色框与白色框对齐

如您所见，红色“框”与边框重叠

代码：

HTML:

等等等等。。。etc等
等

CSS:

.box{
背景：白色；
位置：相对位置；
宽度：100%；
高度：自动；
}
.box2{
位置：绝对位置；
左：0；
底部：-99px；
边框样式：实心；
边框宽度：100px 100vw 0；
边框颜色：红色透明；
}

在html文件中使用ID，并在css文件中使用该ID的样式

您在边框尺寸中使用的是

100vw

。这意味着100%的视口

---

您尚未共享所有相关代码，因此我无法判断这些div的容器上是否有填充，但是，如果您这样做，您可以将

100vw

更改为

100%

，并且红色三角形应与白色方框的填充相同。

请澄清您的具体问题或添加其他详细信息，以突出显示您所需的内容。正如目前所写的，很难准确说出你在问什么——红盒子超出了白盒子的范围，脱离了上下文！我要对齐，白色的和红色的！（查看图片）CSS和内联样式的混合让我头疼。你为什么要这样对自己？