Home/ Questions/Q 8056821
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T08:50:06+00:00

html code <body> <div id=container> <div id=left> <h2>rerererere</h2> </div> <div id=right> <h2>sdadsad</h2> </div> </div>

  • 0

html code

<body>
       <div id="container">

               <div id="left">
                            <h2>rerererere</h2>
               </div>
               <div id="right">
                            <h2>sdadsad</h2>
               </div>
       </div>
</body>

CSS file

div#container {
position: relative;
    border: 1px solid #000;
}

#left {
    position: absolute;
    width: 480px;
    height: 480px;
    border: 1px solid #0092ef; 
            /*        blue*/
}

#right {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    width: 250px;
    border: 1px solid #783201;
            /*        brown*/
}

when I only use right div as absolute than there is no problem . But when I use absolute in both left and right div. right div becomes as small as line. I am new to css . So this might be a noob question . Why if I put two absolute div under a relative div does not work ? Please help me out.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your right <div> collapses because you haven’t declared a fixed height for it in your CSS, that’s all.

    • 0