Outro queria criar um menu fixo, mas, está dando errado...

Wagner Leandro · 3 de março de 2020

SE EU TIRA O ''POSITION: FIXED;'' O MENU FICA NORMAL, MAS, NÃO FICA MENU FIXO. ME AJUDEM PFV!!!!! FAÇAM O TESTE, COPIEM O CODIGO FONTE E TIREM O "POSITION: FIXED;"

<!DOCTYPE html>
<html>
<head>
    <title>WI</title>
    <style type="text/css">
        body{
            padding: 0;
            margin: 0;
        }
        nav{
            height: 90px;
            background-color: gray;
            position: fixed;
        }
        ul{
            padding: 0px 30px 0px 0px;
            margin: 0;
        }    
        ul li{
            display: inline;
        }
        ul li a{
            text-decoration: none;
            float: right;
            color: #e0e0e0;
            margin: 25px 20px 0px 0px;
            font-size: 30px;
        }
        h1{
            float: left;
            color: white;
            padding: 0;
            margin: 15px 0px 0px 50px;
            font-family: Arial;
            font-size: 50px;
        }
        ul li a:hover{
            color: white;
            border-bottom: 5px solid #adadad; 
        }
        ul li a:focus{
            border-bottom: 5px solid white;
        }


    </style>
</head>
<body>
    <h1>WI</h1>
    <nav>
    <ul>
        <li><a href="#">Suporte</a></li>
        <li><a href="#">Contato</a></li>
        <li><a href="#">Sobre</a></li>
        <li><a href="#">Home</a></li>
    </ul>
    </nav>
</body>
</html>