如何打开屏幕宽度的一半并对齐到屏幕右边框的chromium？

<div id="half-width-content"></div>

<style>
    #half-width-content {
        width: 50%;
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        background-color: #f1f1f1; /* 设置背景颜色或样式 */
        /* 可以根据需要添加其他样式，比如字体、边框等 */
    }
</style>

<script>
    window.addEventListener('resize', function() {
        var screenWidth = window.innerWidth;
        var halfWidth = screenWidth / 2;
        document.getElementById('half-width-content').style.width = halfWidth + 'px';
    });
</script>