<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header></header>
<menu></menu>
<main clas="clear">
<aside></aside>
<article></article>
</main>
<div class="clear"></div>
<footer></footer>
</body>
</html>
*{
margin: 0;
padding: 0;
}
html,body{
height:100%;
}
.clear{
display:block;
clear:both;
}
.clear:after{
content:'';
display:block;
clear:both;
}
header,main,footer,menu
aside,section,article{
display:block;
}
header,menu,main,footer{
width:80%;
margin:3px auto;
border:1px solid #ccc;
}
header{
height:120px;
}
menu{
height:40px;
}
main{
border:none !important;
}
main aside,article{
float:left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
min-height:400px;
border:1px solid #ccc;
}
main aside{
width:30%;
}
main article{
width:65%;
margin-left:5%;
}
footer{
height:180px;
}
а для чего absolute ? он не нужен же для этого
Простой
Простой
