ウィンドウのサイズを変更したときに「最大幅」のサイズを縮小しないDiv

Question

「最大幅」を400pxに設定したdivがありますが、ウィンドウのサイズを小さくすると小さくなりません新しいサイズに適応する。あなたはここに例を見ることができます

：https://jsfiddle.net/d0d4jx6L/

は、ここにHTMLです：

<div class="menu"> 
    fixed menu 
</div> 

<div class="content"> 
    content (displayed on the right of the menu) 
</div> 

そして、ここでは、CSSです：

.menu { 
    width:250px; 
    position:fixed; 
} 

.content { 
    position:relative; 
    left:250px; 
    max-width:400px; /* not working */ 
} 

ありがとう！

Answer 1

に動作します。

.content { 
    background:blue; 
    position:relative; 
    margin-left:250px; /*use instead of left*/ 
    max-width:400px; 
} 

Answer 2

にはposition:absoluteを設定する必要があります。 CSSでleftを使用する場合、要素はabsoluteまたはfixeである必要があります。

.content { 
    position:absolute; 
    left:250px; 
    max-width:400px; /* not working */ 
} 

ここではなくleftの使用margin-left https://jsfiddle.net/d0d4jx6L/2/