Question

任何人请帮我描述一个合适的最小宽度最大宽度和宽度100％的例子，为什么我应该专门用它？

修改

我应该使用大多数计算机分辨率可能匹配的最小宽度。我应该使用什么来达到大多数计算机分辨率可能匹配的最大宽度。

修改我需要更好的例子，因为yahoo.com使用

Answer 1

min-width：如果将其设置为50px，则默认情况下您的div的宽度为50px。如果div中的内容宽度超过50px，那么它（你的最小宽度为div）将会扩展。

max-width：如果你设置为50px，如果div中的内容宽度超过50px，则它（你的div有max-width）不会展开，水平滚动可能会根据您的溢出设置显示。

宽度：100％默认情况下div的宽度为100％但是如果你有浮动div并且你想让它们占据容器的所有水平空间，宽度：100％确实有帮助

Answer 2

这很普遍，但是：

min-width 在宽度设置为％并且您不希望元素太小的情况下非常有用。
```
<div style="100%">
    <div style="width:30%;min-width:50px;"></div>
</div>
```

因此，如果父div会变小，那么孩子将至少有50px。

或者，如果div取决于父窗口宽度，则可以使用它。最小宽度的优先级高于宽度和最大宽度。

Answer 3

min-width：

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将在最小宽度和最大宽度之间，具体取决于内容。

如果你使用width：100％，它会使div 100％成为对象的宽度。

如果它的第一个div是屏幕的整个宽度。

如果它在宽度为500的div中，div将是500 px的100％所以500px

答案 3 :(得分：1)

min-width 用于固定最小宽度，在给定的宽度值范围之后，div将自动开始展开

max-width 用于在该范围div不会延伸后提供最大宽度。

width:100% 将div扩展到浏览器/父元素的可用空间

Answer 4

min-width 用于固定最小宽度，在给定的宽度值范围之后，div将自动开始展开

max-width 用于在该范围div不会延伸后提供最大宽度。

width:100% 将div扩展到浏览器/父元素的可用空间