啓用div溢出頁面的一面

Question

我有div，我正在使用在HTML文件的背景中形成一條對角線。我想最終將這個文件保存爲PDF。我的問題是，當角落達到頁面寬度時，此對角線會導致頁面調整大小。我想讓它「包裹在頁面的邊緣」。繼承人爲CSS的CSS。位於HTML文件底部的div。

.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是一個盒子。當你旋轉它時，寬度不知何故成爲高度的一部分，當你使寬度的值更小以匹配屏幕高度時，它不會調整大小。

嘗試調整寬度和高度以符合您的偏好。