角度の4アプリは

Question

マイapp.componentはこのようなものです画面の高さを満たしていません。

wrapperクラスは、min-height:100%です。内容はと、たとえば[アプリの高さを伸ばしているとき、私がこれまで行うことができた

最善のことはその後、下部にフッターを設定しますheight:100vhとindex.htmlのbodyタグにインラインスタイルを追加することですが、多くのオプションを含むドロップダウン]フッタはコンテンツを半分に分割し、ページの一番下には貼り付けません。

他の何かを追加するには、私たちのスタイルはアプリケーション全体のためにmain.cssスタイルシートを使って追加されるので、コンポーネントごとに別のスタイルのファイルはありません。

角度は私が制御しないものを追加する必要があります。私たちのグラフィックデザイナーが提供する同じhtmlページは、同じブラウザとフッタの動作で全く同じCSSスタイルで開きます。

編集：まだこの問題を調査しています。これは、フッターが最初にある場所よりもさらに下に私たちのページを拡張するコンポーネントのように、バックグラウンドで何とかとどまるので、フッターがその下にプッシュされていないようです。 BEからフェッチされたデータが入力されているため、そのコンポーネントがどれくらい長くなるか予測できません。

Answer 1

フッターの下に残っていたコンポーネントのCSSクラスがfloatだったことが分かりました。 私たちは、これらのコンポーネントのラッパーにgroupクラスを追加することによって、問題を修正：

body .group:after { 
    visibility: hidden; 
    display: block; 
    content: ""; 
    clear: both; 
    height: 0; 
}