我对网络编码领域非常陌生，需要一些帮助。我正在为当地运动队制作一个网页，因为他们的网页看起来不太好，而且 Wordpress 的用户界面也不太友好，所以我认为尝试自己编码可能会更容易。

我无法在页面上输入导航栏、主要内容和页脚。我希望输入导航栏、主要内容和页脚，并且宽度只有 80%，这样您就会看到一些背景，其中是运动队运动员的照片）

#footerWrapper { max-width: 80%;
         max-height: 5%;
     margin-bottom: 20px;
     line-height: 30px;
     font-size: 0.9em;
     border: 0 solid #ddd;
     border-bottom-color: #3F8444;
     border-width: 1px 0;}
         /*Positions and Margins*/
       .image {
         position: absolute; 
         top:100px; 
         left:100px;
         }
        .image-1 {
         position: absolute;
         top:20px;
         right: 100px;
         }
         header{
             text-align: center;
             margin-top: 100px;
             margin-bottom: 100px;
         }
        main{ width: 80%;
             display: flex;
             flex-direction: row;
             justify-content: space-evenly;
             align-items: center;}
         footer{ 
           position: static;
         left: 0;
           bottom: 0;
         width: 80%;
     height: 5%;}
        p {margin-left: 5px;
        margin-right: 5px;}
         /*Navigation*/
         ul { display: flex;
             flex-direction: row;
         align-items: center;
           list-style-type: none;
           margin: 0;
           padding: 0;
           overflow: hidden;
           background-color: #04AA6D;
           width: 80%;
         }
         
         /*li {float: left;}*/
         
         li a, .dropdown li a {
           display: block;
           color: white;
           text-align: center;
           padding: 14px 16px;
           text-decoration: none;
         }
         
         li a:hover, .dropdown:hover .dropbtn {background-color: #111;}
         
         li.dropdown {
             display: inline-block;}
         
         .dropdown-content { 
             display:none;
             position: absolute;
             background-color: #04AA6D;
             color: white;
             min-width: 160px;
             box-shadow: 0px 8px 16px 0px rgba(0,0,0,0,.2);
             z-index: 1;
         }
         .dropdown-content a
         {
             color: white;
             padding: 12px 16px;
             text-decoration: none;
             display: block;
             text-align: left;
         }
         .dropdown-content a:hover {background-color: #111;color: white;}
         .dropdown:hover .dropdown-content
         {
             display: block;
         }