From ea7e3a2281716c27948208cafb1c74c67659cca7 Mon Sep 17 00:00:00 2001
From: Jinhyun Park <developerjhp@gmail.com>
Date: Mon, 28 Mar 2022 18:08:20 +0900
Subject: [PATCH] =?UTF-8?q?[Fix]=20header=20=EC=95=88=EB=B3=B4=EC=9D=B4?=
 =?UTF-8?q?=EB=8A=94=20=EC=9D=B4=EC=8A=88=20=ED=95=B4=EA=B2=B0=20close=20#?=
 =?UTF-8?q?599?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/Menubar/styled.ts | 2 +-
 client/src/styles/global-style.ts       | 5 +++++
 client/src/styles/styled.ts             | 3 ++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Menubar/styled.ts b/client/src/components/Menubar/styled.ts
index 4ad4282a..4780a783 100644
--- a/client/src/components/Menubar/styled.ts
+++ b/client/src/components/Menubar/styled.ts
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 export const MenubarContainer = styled.div`
-  position: absolute;
+  position: fixed;
   bottom: 4rem;
   left: 0;
   padding: 3px;
diff --git a/client/src/styles/global-style.ts b/client/src/styles/global-style.ts
index e9e4f765..783fadb2 100644
--- a/client/src/styles/global-style.ts
+++ b/client/src/styles/global-style.ts
@@ -72,6 +72,7 @@ export const GlobalStyle = createGlobalStyle`
   html {
     /* 모바일버전 rem 상대단위 기준점 */
     font-size: 12px;
+    height: 100%;
   }
 
   body {
@@ -81,6 +82,7 @@ export const GlobalStyle = createGlobalStyle`
     -moz-osx-font-smoothing: grayscale;
     color: var(--color-black);
     position: relative;
+    height: 100%;
   }
 
   input[type='email'],
@@ -98,4 +100,7 @@ export const GlobalStyle = createGlobalStyle`
       font-size: 16px;
     }
   }
+  #root {
+    height: 100%;
+  }
 `;
diff --git a/client/src/styles/styled.ts b/client/src/styles/styled.ts
index 2580d16f..eeeff8d8 100644
--- a/client/src/styles/styled.ts
+++ b/client/src/styles/styled.ts
@@ -5,7 +5,8 @@ export const AppContainer = styled.div`
   grid-template-rows: 1fr 4rem;
   justify-items: center;
   background: #6bb8f0;
-  height: 100vh;
+  /* height: 100vh; */
+  height: 100%;
   input[type='button'] {
     -webkit-appearance: none;
   }