Home/ Questions/Q 7436385
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T10:13:50+00:00

Please take a look at image below All I want is somehow organize Div

  • 0

Please take a look at image below
All I want is somehow organize Div in order to achieve behavior drawn.
Div 2 height can be dynamically changed and based on height I want containers to behave like i draw them.
The main problem that I encounter is that Div in this case will try to force down both Div 3 and Div 4 (which is incorrect).
If this is not possible with Div only solution then maybe you can point at different container which can help here?, But still Div is proffered option.

Div 2 resize

UPDATE
This 2 cases should work as well.

Div Update

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this:

       <!DOCTYPE HTML>
    <html lang="en">
        <head>
        <style>
    .container {width:601px;margin:50px auto;}
    .container div {border:1px solid black;overflow:hidden;height:200px;margin:0px -1px;}
    #div1 {width:400px;float:left;}
    #div2 {width:200px;float:right;height:300px;}
    #div3 {width:200px;float:left;}
    #div4 {width:400px;;float:right;}
        </style>
    </head>
    <body>
        <div class="container">
            <div id="div1">div 1</div>
            <div id="div2">div 2</div>
            <div id="div3">div 3</div>
            <div id="div4">div 4</div>
        </div>
    </body>
    </html>
    • 0