Fix sections in CSS right

0

I have the following HTML and CSS codes.

HTML:

    <body>
<div class="container">
    <nav>
        <ul>
            <li>Home</li>
            <li>Notícias</li>
            <li>Planos</li>
            <li>Agenda</li>
            <li>Localização</li>
            <li>Contato</li>
        </ul>
    </nav>
    <figure></figure>
    <section></section>
    <section></section>
    <section></section>
</div>
<footer id="rodape"></footer>

CSS:

    html, body {
font-family: "Segoe UI", Verdana, Tahoma, sans-serif;
font-size: 16px;
height: 98%;
    }

    .static {
position: static;
border: 2px solid green;
width: 50rem;
padding: 2rem;
    }

    .relative1 {
position: relative;
top: 1rem;
border: 2px solid #ff077b;
width: 50rem;
padding: 2rem;
    }

    .relative2 {
position: relative;
top: -2rem;
left: 2rem;
border: 2px solid #ff6a00;
width: 40rem;
padding: 2rem;
    }

    .fixed1 {
position: fixed;
bottom: 0;
right: 0;
border: 2px solid #ffd905;
width: 20rem;
padding: 2rem;
    }

    .fixed2 {
position: fixed;
top: 0;
right: 0;
border: 2px solid #f20707;
width: 10rem;
height: 2rem;
padding: 1rem;
    }

    .relative3 {
position: relative;
top: 2rem;
border: 2px solid #0543ff;
width: 50rem;
height: 23rem;
padding: 2rem;
    }

I wanted to make the sections stay in the upper right but they always end up in the bottom. How can I adjust this?

    
asked by anonymous 11.06.2018 / 22:04

0 answers