如何使用最小宽度,最大宽度和宽度100%

Question

有人请帮我描述最小宽度最大宽度和宽度100%的合适例子,为什么我应该特别使用它？

编辑

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

编辑 我需要更好的例子,因为yahoo.com使用

Answer 1

min-width:如果设置为50px,则默认情况下div的宽度为50px.如果div内的内容宽度超过50px,那么它(你的最小宽度为div)将会扩展.

max-width:如果设置为50px,如果div内的内容宽度超过50px,那么它(带有max-width的div)将不会展开,根据您的溢出设置,可能会出现水平滚动.

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 依赖于父窗口宽度，则可以使用它。min-width 的优先级高于 width 和 max-width。

• max-width可以以类似的方式使用。

• 宽度：100%在这里详细解释：http : //www.impressivewebs.com/width-100-percent-css/