Html 100%高度偏差消失

我正在尝试一个液体网页设计，包括一个阴影的内容框的外面

这里可以看到以下内容：

所以我尝试这样做，将内容放在一个包含div的文件中，阴影放在一个单独的文件中。这似乎工作得恰到好处，但窗口缩小到超过定义的最小宽度时除外

---

阴影包含在一个设置为100%宽度和高度的div容器中，最小宽度为882px（内容的最小宽度为700px，加上两个阴影的最小宽度为91px）。左侧和右侧阴影位于单独的div中，设置为10%宽度（最小宽度91px），中间的“间隔”div为80%（最小宽度700px）所有设置为向左浮动，因此它们将显示为单独的列。如果单击链接，您可以看到，如果窗口缩小到违反最小宽度规则的宽度，r-shadow div将消失。我尝试了所有溢出参数和clearfix。我还尝试了其他一些具有绝对位置的棘手选项。这是迄今为止最干净的，减去正在消失的div。请告知。

阴影不需要单独的

div

s，正如pol所述，CSS框阴影属性就可以了，这里有一个片段：

html，
身体{
身高：100%；
}
.集装箱{
宽度：100%；
身高：100%；
背景颜色：浅灰色；
}
.里面{
宽度：66%；
身高：100%；
保证金：0自动；
背景颜色：浅灰色；
盒影：12px 0 15px-4px灰色，-12px 0 8px-4px灰色；
}

---

使用框阴影CSS属性。