为什么会这样？ HTML窗口宽度

Question

我正在尝试使用html标记和不同的布局。我偶然发现了这个JSFiddle：http://jsfiddle.net/vLJAq/15/，我玩了一下并调整了一点。我不明白的一件事是，为什么当你使窗口宽度变小时绿框会消失？

绿框的代码如下：

.percent {
    width:calc((100% - 400px)/1);
    background: lightgreen;
    border:1px solid grey;
}

感谢。

Answer 1

.percent消失，因为窗口的宽度低于400px。宽度是根据窗口的完整实际宽度减去定义的400px来计算的，因此显示.percent的最小空间为401px。

.percent显示宽度超过400px。如果您的窗口宽度为410px，则.percent的宽度为10px。