关于max-width 和width问题

Question

div {

    max-width: 500px;

    height: 100px;

    background-color: powderblue;

}

div {

    width: 500px;

    height: 100px;

    background-color: powderblue;

}

缩小浏览器窗口发现两个<div>里面的内容都并没有随着窗口缩小而变化

另外发现如果是对<p>用上面的属性设置则会有不同变化

这是什么原因？

Answer 1

P是块级标签，自然会随着窗口变化