width与max-width理解

 <div class="parent">
        <p>
           你好啊，好啊好好 
        </p>
</div>

 p{
        width:400px;
        max-width: 200px;
    }

      若同时设置了width和max-width两个属性，则以下面规则显示宽度

     (1)当width元素小于max-width时，元素宽度以width为准

     (2)、若超过max-width则以max-width为准。

     例

    (1)、若width100px; max-width:400px;则宽度为100px;

     (2)、若width:500px;max-width:400px，则宽度为400px;

      当然若width和max-width同为px或者rem等固定单位，则没有必要同时设置两个属性。

     (3)、若width:100%;max-width:900px;  则含义为宽度为元素为父元素宽度的100%，但最大宽度不超过900px