I've searched. I've tried. Nothing works yet. I am a newbie, but I have floated divs before with no problem. Is it something to do with the flexbox sticky footer? I have not done that before. I don't see the connection, but who knows. All I need is a main section and sidebar. I can't be that hard. Thanks in advance. Here is my code:
HTML:

```
<section>A technology services company supporting the solid rocket motor industry, airbag igniters, as well as Statistical Process Control support and training for manufacturing industries in general.</section>

<aside class="sidebar">Content for  class "sidebar" Goes Here</aside>

<footer>
  <div class="footer-wrapper">Content for  class "footer" Goes Here</div>
</footer>

</div></body>
</html>

section {
    display: block;
    width: 65%;
    float: left;
    background-color:#999999;
    padding: 20px;
    font-size: 1.5em;
    flex: 1 0 auto;
}
.sidebar{
    display: block;
    background-color: #F9E903;
    width: 25%;
    height: auto;
    padding: 0px;
    float: right;

}
footer {
    clear: both;
    background-color: black;
    font-size: 1.1em;
    color: white;
    padding: 15px   
}

```