文章/答案/技术大牛

发布

社区首页 >问答首页 >有什么办法在反应中锚定脚部吗？

问有什么办法在反应中锚定脚部吗？
EN

Stack Overflow用户

提问于 2017-04-11 07:32:33

回答 2查看 1.3K关注 0票数 1

我在React中为我的应用程序创建了一个包装。我试图让页脚保持在页面的绝对底部，但是当子呈现时，页脚停留在页的原始底部，并且不会随着页面调整大小。下面的代码。(想象一个可滚动的页面，其中一个页脚在子呈现后位于页脚中间)。

import React, { Component } from 'react';
import Header from "./Header"; 
import Footer from "./Footer";

export default class Wrapper extends Component {
  render() {
    return (
        <div className="app-wrapper">
            <Header/>
                <div className="content">
                    {this.props.children}
                </div>
            <div>
              <Footer/>
          </div>
        </div>
    );
  }
}

我不太擅长CSS。有什么我可以尝试的想法吗？我已经尝试过在谷歌上搜索没有用的解决方案，我尝试了一些基本的解决方案，如:位置:相对的；左:0；底部:0；右:0；位置:固定的，位置:绝对的等等。

css

reactjs

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-04-11 07:53:22

您应该将position: relative|fixed (取决于您的需要)交给父容器。例如：

<div style={{ position: 'fixed', bottom: '0' }}>
  <Footer />
</div>

HTML dock to bottom

票数 1

Stack Overflow用户

发布于 2017-04-11 08:16:09

抱歉搞混了伙计们。我在css文件中重新定义了样式，所以我的样式被重写了。:(

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43339469

复制

相似问题

问有什么办法在反应中锚定脚部吗？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有什么办法在反应中锚定脚部吗？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有什么办法在反应中锚定脚部吗？
EN