Div为＆＃34; max-width＆＃34;调整窗口大小时不减小其大小

Question

我有一个div＆＃34; max-width＆＃34;设置为400px，但是当我缩小窗口的大小时，它不会变小以适应新的大小。

您可以在此处查看示例：https://jsfiddle.net/d0d4jx6L/

这是HTML：

$this->load->model('Company', 'Company');

这就是css：

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

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

谢谢！

Answer 1

使用margin-left代替left。

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

Answer 2

因为您应将position:absolute设为.content。在css中使用left时，该元素应为absolute或fixe。

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

这里有效 https://jsfiddle.net/d0d4jx6L/2/