HOME/Articles/

よく使うCSS

Article Outline

CSS実装でよく使うCSS

min-height(100vh - フッターの高さ(px))

Vue.jsを使用していると動的にメインコンテンツの高さが変わことが多い。

メインコンテンツを固定してしまうと、フッターが変な位置に表示されてしまう。

そこで、min-heightをmainタグなどのメインコンテンツに指定する。

こうすると、高さが100vh以下の時はフッターが一番下に設置され、

100vhを超えた時はメインコンテンツに合わせてフッターも動いてくれるので便利。