CSS,获取Div以扩展页面的高度

时间:2017-08-23 00:57:29

标签: css reactjs redux

我正在做我的第一个React-Redux项目,我正在开发样式。

我遇到的问题是背景颜色。

如果我在包含页面主要内容的div上设置背景颜色,则页面底部会保留白色。

我的解决方法是在我的重置文件中,在body和html上设置默认背景颜色。这解决了这个问题。

但是,我希望在不同的页面上有不同的背景颜色/图像,如果我将body和html设置为默认颜色,那么颜色将是任何页面上div下方的颜色。

任何帮助将不胜感激。这又是使用React和Redux,我对这个材料是全新的,根据我的理解,所有组件都将嵌套在父元素(在我的情况下为body)下,因此更改它将影响每个页面。那说有没有办法让div填充标题和最终页脚元素之间的所有空间?

1 个答案:

答案 0 :(得分:0)

如果您确定主要内容元素需要是页面高度的100%,则可以使用

height:100vh;

这将使元素的高度等于视图高度的100%。除opera mini之外的所有当前浏览器都支持此功能。

请注意父元素的边距或填充,因为这些可能会使您的容器略微溢出页面 - 请参阅this example

中我如何处理正文上的边距