背景颜色不能随浏览器拉大而变大

.one {
    width: 100%;
    height: 100px;
    background-color: red;
}

<div class="one"></div>

在一个小窗口的浏览器打开这个页面，然后把浏览器放大，放大的部分的背景颜色不会变成红色

是我错了，我一直以为子元素的宽度会影响父元素的宽度，之前写的代码大概这样
CSS:
.one {
background: #000;
}
p {
width: 960px;
height: 10px;
}
HTML：