html - 为什么会这样？ 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。