CSS background DIV resizing itself while resizing the browser

Question

Simple issue but couldn't fix it.

<div class="bg">
    <div class="container2">
        <p> Test content goes here </p>
    </div>
</div>

I have two div one is bg which has a background and second one is container.

<style>
.bg {
    background:#0C9;
}
    
.container2 {
    width:800px;
    margin:0 auto;
    text-align:center;  
}
</style>

The problem is that on resizing the browser width, the background div resizes itself from the right side.

Can anyone help to fix that?

Answer 1

终于修复了它，最小宽度是问题，添加到容器 div 和它的固定