فهرست منبع

sticky footer

Abram Kash 6 سال پیش
والد
کامیت
71cd9a766b
1فایلهای تغییر یافته به همراه7 افزوده شده و 0 حذف شده
  1. 7 0
      style.css

+ 7 - 0
style.css

@@ -1,9 +1,15 @@
+html, body {
+  height: 100%;
+}
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
     Helvetica, Arial, sans-serif;
   font-size: calc(14px + 0.5vmin);
   background-color: #ebebeb;
+  display: flex;
+  flex-direction: column;
 }
 
 #header {
@@ -24,6 +30,7 @@ body {
 
 #content {
   padding: 2em 1em 1em;
+  flex-grow: 1;
 }
 
 #footer {