只有一个简单的问题，为什么当你指定一个指定像素值的最大宽度，然后宽度为100%，拥有100%的宽度会有什么影响，即使他们已经是具有指定值的最大宽度，即使随着较小的屏幕减少，最大宽度将只是照顾它，因为它将只有一个自动右转.
例如，假设容器的宽度为500px，然后一个子元素的最大宽度为300px，然后宽度为100%，那么宽度为100%实际上对子元素有什么影响？
只有一个简单的问题，为什么当你指定一个指定像素值的最大宽度，然后宽度为100%，拥有100%的宽度会有什么影响，即使他们已经是具有指定值的最大宽度，即使随着较小的屏幕减少，最大宽度将只是照顾它，因为它将只有一个自动右转.
例如，假设容器的宽度为500px，然后一个子元素的最大宽度为300px，然后宽度为100%，那么宽度为100%实际上对子元素有什么影响？
max-width和width是两个不同的css属性，在一起可以很好地使用.如果要为大多数屏幕大小设置固定宽度，但仍要设置停止呈现该固定宽度的最大限制，则可以同时使用这两个属性.例如:假设我有一个标题，对于大多数较小的屏幕，我希望它有max-width%的宽度，但对于更大的屏幕，我不想覆盖max-width%的宽度.相反，我想把它限制在一个特定的宽度，比方说1200px.然后我就可以写下面的代码了.你会看到，对于较小的屏幕，它将覆盖max-width%的宽度，但当视区宽度变大时，它将停止在1200px，不会再覆盖max-width%的屏幕.
*{
margin: 0;
padding: 0;
}
header{
max-width: 1200px;
width: 100%;
}<header style="background-color: red; height: 100px; margin: 0 auto;"></header>