Buenas estimados,
hace poco empiezo con HTML5 y CSS3, y tengo una duda que tal vez me puedan aclarar.
La idea seria armar un menú navegación de esta manera:
https://imgur.com/a/bzWYJDz
osea un menú de navegación a la izquierda.
Lo pude implementar pero no sé si lo estoy haciendo de la manera más optima, convendria hacerlo utilizando solo cajas flexibles o en este caso solo se puede utilizar la propiedad float?
Saludos
<!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href = "./css/estilos.css" rel = "stylesheet"/>
<header>
</header>
<nav>
</nav>
<section>
</section>
<footer>
Pagina hecha por SFK©
</footer>
</body>
</html>
body
{
height: 100%;
max-width: 100%;
background-color: #e5dada;
color: #02040f;
margin: 0%;
}
header
{
margin: 0% 0% 1% 0% ;
display: flex;
border: 1px solid black;
}
nav
{
float: left;
margin: 1% 1%;
display: flex;
flex-direction: column;
border: 1px solid black;
}
section
{
flex-direction: column;
margin: 1% 1%;
display: flex;
border: 1px solid black;
}
footer
{
clear: both;
border: 1px solid black;
}