谁能帮我描述一个合适的最小宽度最大宽度和宽度 100% 的例子，我为什么要专门使用它？
编辑
对于大多数计算机分辨率可能匹配的最小宽度，我应该使用什么。 对于大多数计算机分辨率可能匹配的最大宽度，我应该使用什么。
编辑 我需要更好的例子，因为 yahoo.com 使用
【问题讨论】：
min-width: 如果你设置它为 50px，那么默认情况下你的 div 的宽度是 50px。如果 div 内的内容的宽度超过 50px，那么它（你的 div 的 min-width）将会扩展。
max-width:如果你设置为50px，如果div里面的内容宽度超过50px，那么它（你的最大宽度的div）不会展开，水平滚动可能根据您的溢出设置显示。
width:100% 默认情况下，div 的宽度为 100%，但如果您有浮动 div，并且希望它们占据容器的所有水平空间，那么 width:100% 确实有帮助.
【讨论】：
很笼统，但是：
min-width 在您以 % 为单位设置宽度并且您不希望元素太小的情况下非常有用。
<div style="100%">
<div style="width:30%;min-width:50px;"></div>
</div>
所以如果父 div 太小，子 div 至少有 50px。
如果 div 依赖于父窗口宽度，也可以使用它。 min-width 的优先级高于 width 和 max-width。
max-width可以类似的方式使用。
width:100%在此详细解释：http://www.impressivewebs.com/width-100-percent-css/
【讨论】：
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%。
如果 如果您希望页面在每种分辨率下看起来完全相同，请使用 %。
如果你有 1 个宽度为 80% 的 div
<div id="1">
其中有 1 个 div，宽度为 50%
<div id="2">
div 2 将占 80 % 的 50%，因此它将占整个页面的 40%。
如果你有一个没有宽度的div，可以使用最小宽度和最大宽度：
然后，div 将在 min-width 和 max-width 之间，具体取决于内容。
如果你使用 width:100% ，它会使 div 100% 为其所在对象的宽度。
如果它的第一个 div 是屏幕的整个宽度。
如果它在一个宽度为 500px 的 div 中，那么 div 将是 500 像素的 100%，所以 500px
【讨论】：