Html file:

body { margin: 0; } #header { height: 96px; min-width: 900px; background: green; } .podheader { height: 96px; width: 981px; margin-left: 459px; background: #050505; } 
 <div id="header"> <div class="podheader"></div> </div>

When you decrease the browser window for some reason, the right side of the site header disappears. Tell me, please, what could be the problem and how can I fix it?

  • one
    She does not disappear. The page scrolls horizontally. - LEQADA
  • one
    Well, look what you have! you set the parent a minimum size of 900 px and a descendant of 981 px and even moved it 459 px to the right! therefore, you have a scroll - a descendant can not be more than a parent - set the child width in% for example 90% but do not move it to 459px and align it in the center and create an element inside the child and you can move it anywhere but again within to position in the right corner - user33274

1 answer 1

Set the width in percent, then the scroll will not appear, and nothing will disappear!