CSS Divs位置

Question

考虑以下插图：

DIV ONE占据整个屏幕，按下按钮时缩小到50％，DIV TWO占据50％的空间。

如何使用css或scss实现此目的？

Answer 1

希望这对您有所帮助，在Javascript中很容易实现这一点：

您的按钮：

<button onclick="yourFunction()">Button</button>

使用Javascript：

function yourFunction(){
    document.getElementById('divOne').style.width = "50%";
}