Question

我已经寻找答案并找到了一些，但他们看起来只是背景颜色的div，而不是带角落的背景图片等。我的例子是（删除）

我想要菜单和＆＃34;页面＆＃34;在100％的时间内保持相同的高度。无论哪一个更大，即如果页面有更多内容，菜单必须拉伸，反之亦然。

正如你所看到的，背景图像的阴影等是div绝对定位在相应的div中，然后z-indexed低于容器......

我是以错误的方式来做这件事的吗？提前感谢洞察力非常有用！

Answer 1

将div的height属性设置为其父级的100％，该父级将是文档的正文或包含div。然后只需设置顶部和底部的边距。

#menuDiv {
    height: 100%;
    margin: 100px 0 25px 0;
}

内容div相同。 div的大小属性不会因背景图像而改变。虽然将两个div放在包含div的两个div（菜单和内容）设置为其父级的100％可能更好，但是在包含div上设置一个等于菜单高度的最小高度。如果你不这样做并且内容div较小，那看起来很难看。