保持div彼此内联

Question

我无法将html代码中的side div和container div推送到后台或至少与其他div一起内联。因为我在我的CSS中设置了div的边框，导致<div id="side">显示在每个其他div之上，<div id="container"也会发生同样的情况？这会导致这些div在其余的div上浮动：

您可以在此处查看问题：

body {
    min-height:100%; 
}
div { 
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #F6F4F4;
    box-sizing: border-box;
    box-shadow: 0 -1px 2px rgba(0,0,0, .7);
    transform-style: inherit;

}

Answer 1

将z-index:-1放在#side和#container中。例如http://jsfiddle.net/d3u1fqfa/3/

Answer 2

尝试在css中向容器添加z-index选项。 z-index定义两个或多个标签何时重叠，其中一个标签应位于顶部，默认值为z-index:0;，因此如果您尝试z:-index:-1;，它可能会解决您遇到的问题