フッターセクションをReactにアンカーする方法はありますか？

Question

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;位置：固定、位置：絶対など

Answer 1

position: relative|fixed（必要に応じて）を親コンテナに渡す必要があります。 exempleの場合 ：

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

HTML dock to bottom

Answer 2

混乱の人たちのために申し訳ありません。スタイルが上書きされるように、CSSファイルでスタイルを再定義しました。 :(