Home/ Questions/Q 7439761
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T10:45:08+00:00

I have the following code: <head> <meta http-equiv=Content-Type content=text/html; charset=UTF-8> <title></title> <style type=text/css> body

  • 0

I have the following code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <style type="text/css">
    body {margin: 0; padding: 0}

    .left {
        background-color: yellow;
        width: 200px;
        height: 100%;
        position: fixed;
    }

    .right {
        background: green;
        height: 3000px;
        left: 200px;
        right: 0px;
        position: absolute;
    }
    </style>
</head>

<body>
    <div class="left">d</div>
    <div class="right">dafsdsfsdafkdasfjdslkfja;jdfsklsfdjaklfjdkafsjklsdjkfajklfdaksjlfjlsdsfjasdfkjldsa;fksdalfjdsafjdksa;lfjsdlfjaslfdjsafhdasjfhdsakjfhdsakjfjkadsflasfdfadfasfdasfdsfasfdasfdsaadfkljdsalfsafdsafdsaf</div>
</body>

Which renders the following result. How should I resize the right div to fill the entire screen minus the width of the left div, which is 200px? Currently it overflows the screen width, and I do not know why!

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I found an elegant solution, and it can be found here

    • 0