有人请帮我描述最小宽度最大宽度和宽度100％的合适例子，为什么我应该特别使用它？
编辑
对于大多数计算机分辨率可能匹配的最小宽度，我应该使用什么。我应该使用什么来达到大多数计算机分辨率可能匹配的最大宽度。
编辑我需要更好的例子，因为yahoo.com使用
min-width：如果设置为50px，则默认情况下div的宽度为50px。如果div内的内容宽度超过50px，那么它（你的最小宽度为div）将会扩展。
max-width：如果设置为50px，如果div内的内容宽度超过50px，那么它（带有max-width的div）将不会展开，根据您的溢出设置，可能会出现水平滚动。
width：100％默认div的宽度为100％但是如果你有浮动div并且你想让它们占据容器的所有水平空间，宽度：100％确实有帮助。
这很一般，但是：
<div style="100%">
<div style="width:30%;min-width:50px;"></div>
</div>
因此，如果父div将变小，则孩子将至少有50px。
或者，如果div取决于父窗口宽度，则可以使用它。最小宽度的优先级高于宽度和最大宽度。
min-width用于固定最小宽度，在给定的宽度值范围之后，div将自动开始扩展
max-width用于在该范围div不会延伸之后给出最大宽度。
width:100%将div扩展到浏览器/父元素的可用空间
最小宽度：
div的最小宽度，它将永远不会小于给定的宽度。
如果min-width：50px，则div总是最小50 px或更大。
如果min-width：50％，div将是其所在对象的50％。
（如果它在1200px的div中它将是600px）
（如果第一个div将是屏幕的50％）
最大宽度
是最小的，但现在它永远不会更大而不是更小。因此，如果：
最大宽度：50％
div永远不会超过它的对象的50％。
如果您希望页面在每个分辨率上看起来完全相同，则使用％。
如果你有一个宽度为80％的div
<div id="1">
和1 div，宽度50％
<div id="2">
div 2将是80％的50％，因此它将占总页数的40％。
如果你有一个没有宽度的div，可以使用最小宽度和最大宽度：
div将在最小宽度和最大宽度之间，具体取决于内容。
如果你使用宽度：100％它使div 100％对象的宽度。
如果它的第一个div是屏幕的全宽。
如果它在宽度为500px的div中，div将是500 px的100％，所以500px