【问题标题】:CSS, getting a Div to Expand the height of the pageCSS,获取一个Div来扩展页面的高度
【发布时间】:2017-08-23 00:57:28
【问题描述】:

我正在做我的第一个 React-Redux 项目并且我正在研究样式。

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

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

我的解决方案是在我的重置文件、正文和 html 上设置默认背景颜色。这解决了问题。

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

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

【问题讨论】:

  • 使用脚本通过页面事件更改它或使用 CSS 通过 URL(文件路径)设置它。
  • 你能分享你的代码sn-p吗,那应该很容易回答了。

标签: css reactjs redux


【解决方案1】:

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

height:100vh;

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

注意父元素上的边距或填充,因为这些可能会使您的容器稍微溢出页面 - 请参阅this example中我如何处理正文上的边距

【讨论】:

    猜你喜欢
    • 2013-02-23
    • 1970-01-01
    • 2015-01-01
    • 2018-10-06
    • 1970-01-01
    • 2016-07-14
    • 2014-03-29
    • 2010-10-17
    • 2011-01-22
    相关资源
    最近更新 更多