100％高度DIV消失

Question

我正在尝试使用内容框外部阴影的液体网络设计。

此处都可以看到：http：//mikesidelka.com/2/

因此，我试图通过将内容放入一个包含DIV的内容，然后将阴影分成一个。这似乎是正确的，除了窗口缩小了最小宽度的定义时。

阴影包含在DIV容器中，设置为100％宽度和高度，最小宽度为882px（内容的700px min宽度以及两个设置为91px min宽度的阴影）。左和右阴影在单独的DIV设置中，宽度为10％（最小宽度91px），中间"垫片"为80％（最小700px）均设置为float float左侧，因此它们将以单独的列出现。您单击链接，如果窗口缩小到打破了最小规则的宽度，您可以看到R-Shadow Div将消失。我尝试了所有溢出参数和clearfix。我也尝试了其他一些其他棘手的选项拥有绝对的位置。到目前为止，这是最干净的，减去Div消失。请告知

Answer 1

不需要单独的 div s shadows，正如POL所述，CSS box-shadow属性会在这里进行摘要：

html,
body {
    height: 100%;
}
.container {
    width: 100%;
    height: 100%;
    background-color: lightgray;
}
.inside {
    width: 66%;
    height: 100%;
    margin: 0 auto;
    background-color: lightgray;
    box-shadow: 12px 0 15px -4px gray, -12px 0 8px -4px gray;
}

<div class="container">
    <div class="inside"></div>
</div>