max-width,min-width 「幅の最大値、最小値」

<style type="text/css">
.common div{
  font-family   : "メイリオ", sans-serif;
  border        : 2px solid #6495ed;
  background    : #e7e7ff;
  padding       : 10px;
}
div.cssTitle {
  margin-top    : 10px;
  width         : 290px;
  background    : #6495ed;
  color         : #fff;
  font-weight   : bold;
}
.css_max-width_none{
  max-width : none;
  white-space: nowrap;
  display: inline-block;
}
.css_max-width_250{
  max-width : 250px;
  white-space: nowrap;
  display: inline-block;
}
.css_max-width_500{
  max-width : 500px;
  white-space: nowrap;
  display: inline-block;
}
.css_min-width_290{
  min-width : 290px;
  white-space: nowrap;
  display: inline-block;
}
.css_min-width_500{
  min-width : 500px;
  white-space: nowrap;
  display: inline-block;
}

<!-- html -->
<div class="common">
  <div class="cssTitle">max-width : none;</div>
  <div class="css_max-width_none">
  幅制限なし。要素にあわせた幅で表示。幅制限なし。要素にあわせた幅で表示。
  </div>
  <div class="cssTitle">max-width : 250px;</div>
  <div class="css_max-width_250">
  幅の最大値を超える部分ははみ出して表示。幅の最大値を超える部分ははみ出して表示。
  </div>
  <div class="cssTitle">max-width : 500px;</div>
  <div class="css_max-width_500">
  幅の最大値内で、要素にあわせた幅で表示。
  </div>
  <div class="cssTitle">min-width : 290px;</div>
  <div class="css_min-width_290">
  最小値の幅を超える部分は、要素にあわせた幅で表示。
  </div>
  <div class="cssTitle">min-width : 500px;</div>
  <div class="css_min-width_500">
  最小値の幅で、要素と余白を表示。
  </div>
</div>