确保两个倾斜的div始终垂直连接，没有间距

，可以通过以下方法实现：

使用CSS的transform属性：可以通过设置倾斜的div为inline-block元素，并使用transform: skew()来倾斜元素。然后使用负的transform: translateY()来将元素向上或向下移动，以使其与另一个倾斜的div垂直连接。例如：

<style>
    .skewed-div {
        display: inline-block;
        transform: skew(-20deg);
        margin-bottom: -10px; /* 调整间距 */
    }
</style>

<div class="skewed-div">倾斜的div1</div>
<div class="skewed-div">倾斜的div2</div>

使用CSS的伪元素：可以使用伪元素来创建一个垂直连接的效果。通过设置两个倾斜的div为inline-block元素，并使用伪元素::before或::after来创建一个垂直连接的线条。例如：

<style>
    .skewed-div {
        display: inline-block;
        transform: skew(-20deg);
        position: relative;
        margin-bottom: -10px; /* 调整间距 */
    }

    .skewed-div::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        height: 20px; /* 调整连接线的长度 */
        background-color: black; /* 调整连接线的颜色 */
    }
</style>

<div class="skewed-div">倾斜的div1</div>
<div class="skewed-div">倾斜的div2</div>

以上是两种常见的方法来确保两个倾斜的div始终垂直连接且没有间距。具体使用哪种方法取决于具体的需求和设计。