title: Div auto height to fit content
body: <p>I need the body div to be able to grow with content and divs I place inside it, such that as the content grows vertically down the page, so does the body background with it. Here's an image of the current issue: <a href="http://prntscr.com/dyknn4" rel="nofollow noreferrer">http://prntscr.com/dyknn4</a> see how the blue background in the body just stops because the BODY div is not expanding vertically with content?
  -already tried background repeat y</p>
  
  <p>THANKS FOR ANY HELP!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code> body{
          min-height: 100%;
          min-width:100%;
          font-family: 'Open Sans', sans-serif;
          background-image: url("images/background.jpg");
          background-attachment: fixed;
          background-repeat: no-repeat;
          height: 100vh;
      }
      
      /*LOGO*/
      .logo ul {
          list-style-type: none;
          margin: 0;
          padding: 0;
          overflow: hidden;
          background-color: white;
      }
      
      .logo li img {
          display: block;
          text-align: center;
          text-decoration: none;
      }
      
      
      
      
      /*NAVBAR*/
      
      nav {
          z-index: 1;
      }
      
      
      ul {
          z-index: 1;
          width: 100%;
          height: 48px;
          list-style-type: none;
          margin: 0;
          padding: 0;
          overflow: hidden;
          background-color: #333;
          position: fixed;
      }
      
      li {
          float: left;
      }
      
      li a {
          display: block;
          color: white;
          text-align: center;
          padding: 14px 16px;
          text-decoration: none;
      }
      
      /* Change the link color to #111 (black) on hover */
      li a:hover {
          background-color: white;
          font-size: 125%;
          color: black;
      }
      /*END NAVBAR*/
      
      /*MAIN BODY DIV*/
      .wrap {
          top: 0;
          position: relative;
          height: 100%;
          width: 70%;
          background-image: url("images/backgroundmain.png");
          left: 15%;
      }
      
      
      
      /*LOCAL WEATHER*/
      .local {
          z-index: -99999999;
          position: absolute;
          height: 40%;
          width: 20%;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>        &lt;body&gt;
      
      &lt;!-- NAVBAR --&gt;
      
      &lt;nav class="logo"&gt;
       &lt;ul&gt;
        &lt;li&gt;&lt;img src="images/Mlogo.png"&gt;&lt;/li&gt;
       &lt;/ul&gt;
      &lt;/nav&gt;
      
      
      
      &lt;nav class="header"&gt;
       &lt;ul&gt;
        &lt;li style="margin-left: 15%"&gt;&lt;a href="index2.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#contact"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#Services"&gt;Our Service&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#Map"&gt;Interactive Weather Map&lt;/a&gt;&lt;/li&gt;
        &lt;li style="float:right; margin-right: 15%"&gt;&lt;a href="#Login"&gt;Log In&lt;/a&gt;&lt;/li&gt;
        &lt;li style="float:right;"&gt;&lt;a href="#Signup"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;
      &lt;/nav&gt;
      &lt;!-- END NAV --&gt;
      
      &lt;!-- MAIN BODY --&gt;
      &lt;div class="wrap"&gt; 
       
       &lt;!-- LOCAL WEATHER --&gt;
       &lt;div class="local"&gt;
        &lt;p&gt;THIS IS A TEST Spicy jalapeno bacon ipsum dolor amet exercitation pig sausage, rump deserunt cow porchetta. Tenderloin strip steak brisket, meatloaf elit drumstick quis salami irure leberkas frankfurter. Aliqua ut ad, chicken biltong salami bresaola turkey labore ball tip short ribs in. Swine in ut short ribs. Ullamco in meatball venison. Ham hock aliquip dolore cupidatat est. Proident non tri-tip, tempor drumstick mollit veniam ham leberkas laborum tongue filet mignon in deserunt.
      
      Esse tempor aliquip ullamco pork, picanha deserunt dolore pastrami lorem. Swine strip steak fatback beef ribs, incididunt esse cupim non. Tempor shankle jowl picanha exercitation salami. Pastrami tri-tip laboris culpa. Meatball ribeye prosciutto doner eiusmod dolore. Cupim shank spare ribs ground round sausage.
      
      Brisket tail ground round turducken ullamco tongue drumstick anim duis lorem. Commodo labore prosciutto tri-tip capicola ut burgdoggen pig dolore laborum pork adipisicing tail duis. Reprehenderit aliqua tail corned beef. Porchetta ribeye nulla laboris. Corned beef et doner, brisket laboris proident pork loin irure qui ipsum. Ut aliqua strip steak, labore boudin pork esse salami ut burgdoggen occaecat landjaeger consectetur lorem aliquip.
      
      Pork chop brisket andouille veniam proident boudin deserunt doner. Doner pork belly shoulder chicken in eu pariatur, pork chop dolor culpa duis ground round sint in picanha. Sunt drumstick consectetur, fugiat nisi meatball aute ex do boudin est ea adipisicing magna ad. Reprehenderit cow meatloaf ham hock irure turkey id aliquip brisket. Prosciutto cillum meatball non tenderloin sed. Chicken doner sausage, jowl adipisicing pork belly landjaeger ut strip steak tri-tip exercitation ea non cupim.
      
      Fatback rump officia excepteur prosciutto lorem fugiat tri-tip in pork belly. Short ribs ut filet mignon, sint enim hamburger prosciutto voluptate in alcatra tongue rump duis sirloin ribeye. Reprehenderit esse ut, turducken fugiat consectetur tongue. Meatball short ribs do, enim burgdoggen ut swine rump labore. Cillum leberkas corned beef, pig et ex nostrud turkey.
      
      Excepteur doner tenderloin short ribs ut ut incididunt sint. Ball tip pastrami eu fugiat venison mollit pork lorem. Reprehenderit ball tip proident cillum capicola. Porchetta frankfurter sed tail. Reprehenderit meatball ham hock deserunt aliquip jowl in pig incididunt exercitation beef laborum. Elit ipsum porchetta, ut veniam pork loin ea in sint enim consectetur. Shankle pork loin sirloin excepteur veniam t-bone.
      
      In officia drumstick, consequat est beef ribs adipisicing. Pariatur alcatra swine flank eu deserunt jerky veniam ex pork. Bresaola ullamco short loin, enim spare ribs ground round flank deserunt swine irure dolore cow pork belly velit ribeye. Hamburger esse minim sirloin ribeye tongue quis consectetur. Veniam jerky voluptate sed beef. Chicken ut elit short ribs sirloin.
      
      Sed ut kielbasa capicola tail pastrami in non. Venison occaecat proident laborum aliquip ad ham hock short ribs et frankfurter ea shoulder corned beef laboris deserunt. Rump ham pork tempor tail ham hock. Picanha turkey ea, dolore ipsum swine elit short loin short ribs ut strip steak pork chop. Sirloin shank burgdoggen frankfurter, occaecat sausage velit ex tongue turkey reprehenderit.
      
      Shank do duis eiusmod ball tip brisket ex shankle quis sint bacon anim andouille corned beef. Hamburger turkey in, ea in pork dolore ribeye irure tail. Laborum boudin adipisicing spare ribs dolore consectetur meatloaf reprehenderit, esse aliqua. Brisket est burgdoggen jerky sint pancetta. Aute eu cupidatat ground round leberkas t-bone andouille beef ribs pastrami esse mollit shank. Id jerky pancetta voluptate chuck kevin hamburger ham hock.
      
      Minim porchetta qui, frankfurter meatball nostrud dolore prosciutto dolore velit ad. Officia mollit occaecat duis meatloaf, ground round brisket sausage swine consectetur ipsum short loin cow. Commodo short loin short ribs ad aliquip. Picanha ut jerky, aliquip capicola sed esse venison salami fugiat magna ground round nostrud excepteur kevin. Voluptate meatloaf brisket tail qui jerky kielbasa bresaola aute cupidatat pork mollit. Est laboris nisi ut ut ipsum beef chuck, reprehenderit corned beef velit brisket sint shoulder. Officia rump incididunt dolor brisket qui.&lt;/p&gt;
        &lt;!-- &lt;img src="images/weatherphoto.png"&gt; --&gt;
      
      
      
      
       &lt;/div&gt;
  
  
  
  
  
     </code></pre>
  </div>
  </div>
  </p>