Hola Buenas Tardes, hace 1 mes que estoy estudiando en mis ratos libres css y html y la verdad me gusta mucho lo que es css. Estoy teniendo un problema y consta de lo siguiente:
Código:
<!doctype html>
<html>
<head>
<style>
#articles{
background: blue;
min-width: 940px;
max-width: 940px;
padding: 10px 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
article{
float: left;
width: 620px;
background: green;
height: 150px;
margin-bottom: 10px;
}
aside{
background: red;
margin:0px;
width: 300px;
height: 250px;
float: right;
box-sizing:border-box;
}
</style>
</head>
<body>
<section id="articles">
<article></article>
<article></article>
<article></article>
<aside></aside>
</section>
</body>
</html>
Estoy queriendo que el cuadrado rojo (que vendria ser mi sidebar o aside) que se encuentre posicionado en la esquina superior derecha, y no logro posicionarlo correctamente.
Les agradeceria que me ayuden con esto, ya parece ser un tema sencillo, pero yo soy nuevo en css, he probado con float left, float right, clear:both y overflow:hidden.
Muchas gracias.