Home/ Questions/Q 7903729
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T09:49:32+00:00

If a div A is contained inside another div (B) that is 500px wide,

  • 0

If a div A is contained inside another div (B) that is 500px wide, how can div A still be the width of the entire screen? I want to “break out” of that 500px div.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Given your question, you could use position:absolute in div A. It will find the nearest positioned parent (a parent that has either fixed, absolute or relative position). But you need to have the nearest positioned element have 100% width and is positioned snug to the left.

    here’s a demo using body

    <body>
    <div id="b">
        <div id="a">test</div>
    </div>
</body>

body{
    position:relative;
}

#b{
    width:500px;
}

#a{
    position:absolute;
    top:0;
    left:0;
    right:0;
}
    • 0