为页面的主容器提供最大宽度

Question

为html元素赋予最大宽度会在较大的屏幕中限制其宽度。但是也可以使宽度与屏幕尺寸成比例，如'95％'。

现在，给页面的​​主容器赋予max-width更有利吗？为什么？

Answer 1

即使将width属性设置为更宽，应用max-width的元素也不会宽于指定的值。但是，此规则有一个例外：如果指定min-width的值大于max-width，则容器的宽度将是最大值，在这种情况下意味着min-width值将是一个已经应用的。

max-width通常与min-width结合使用，以产生相关元素的宽度范围。

如果块的内容需要的水平空间大于已设置限制所允许的水平空间，则行为由溢出属性定义。

此样式规则为主容器分配最大宽度为800像素，最小宽度为200像素，其元素的ID为“main-container”：

#main-container {
max-width: 800px;
min-width: 200px;
}