Css 了解柔性衬垫

在常规长方体模型下：

伊桑·马科特（Ethan Marcotte）在第35页的“响应式网络设计”中写道：

在元素上设置灵活的填充时，上下文是宽度 元素本身的属性

请看以下示例：

.main包装器{
宽度：98%；/*960px-在视口中留出一些空间*/
}
.方框一，
B.方框二{
宽度：44.79166667%；/*430/960*/
浮动：左；
利润率：30px 0 20px 0；
填充：2.083333%；/*填充应为20px*/
文本对齐：居中；
}
1号包厢{
保证金权利：2.083333%；
/*边距相对于容器（此处为960px），因此：
20/960
*/
背景色：红色；
}
B.方框二{
背景颜色：蓝色；
}

这里是一号包厢

这里是第二格

我没有读过你提到的那本书，很难猜出它说了什么，因为我没有你引用的句子的上下文

也就是说，如果您参考关于填充百分比的计算：

百分比

该百分比是根据管道的宽度计算的 生成的框的包含块[…]

---

因此，百分比是根据家长的宽度计算的，因此

2.083333%

的值是正确的。

如果您不理解我的问题，我可以努力澄清。请发表评论。谢谢。主包装是元素，不是吗？嵌套的div受父div的约束。请解释一下“context”的意思好吗？Gary Hayes，据我所知，元素本身不应该是

主包装器
，而是
。框1
和
。框2
，特别是@web tiki:context，根据我对作者作品的理解，这是你作为参考的价值所在。例如，如果您希望将20px的
边距
转换为灵活的，在给定布局上，您应该将该值除以容器宽度。在这种情况下，
容器宽度
就是
上下文
。本书作者回答说，它将在本书的第二次修订版上解决这个问题。：）