Question

我有一个div用于在HTML文件的背景中形成对角线。我想最终将此文件另存为PDF。我的问题是，当一个角到达页面宽度时，这条对角线会导致页面调整大小。我想让它＆＃34;包裹在页面的边缘＆＃34;。下面是div的css。 div位于HTML文件的底部。

.green_line {
    position: absolute;
    width: 900px;
    height: 0px;
    border-top: solid;
    border-width: 24px;
    border-color: #7cb7b6;
    transform:  rotate(-45deg) translateY(-50px) translateX(50px);
    z-index: -2;
}

Answer 1

试试这个：

.green_line {
    position: absolute;
    width: 70vh; /*70vh is the 70% of your current screen try 70% if didn't work*/
    height: 0px;
    border-top: solid;
    border-width: 24px;
    border-color: #7cb7b6;
    transform:  rotate(-45deg) translateY(-50px) translateX(50px);
    z-index: -2;
}

因为div是一个盒子。旋转时，宽度会以某种方式成为高度的一部分，当您将宽度值设置得更小以匹配屏幕高度时，它将不会调整大小。

尝试调整宽度和高度以符合您的偏好。

启用div溢出页面

1 个答案: