<body>
<div class="wrapper">
<header>
<div class="logo left">
<a href="index.html"><img src="images/logo.png" alt="logo"></img></a>
</div>
<div class="container">
<nav class="right">
<a href="#">Commercial</a>
<a href="#">Industrial</a>
<a href="#">Infrastructure</a>
<a href="#">Resources</a>
<a href="#">Utilities</a>
</nav>
</div>
</header>
<div class="slide">
<div class="container">
<h1></h1>
<p></p>
</div>
</div>
</div>
</body>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.left {float: left;}
.right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.ofh {overflow: hidden;}
a {text-decoration: none;}
.clearfix:after{
content:'';
display:table;
clear:both;
}
.wrapper {
background-size: cover;
}
.container {
width: 960px;
margin: 0 auto;
}
.logo {margin: 21px 0 0 25px;}
.logo img {
width: 73px;
height: 73px;
}
.slide {
background: green url(images/slide.jpg) no-repeat;
height: 941px;
background-size: cover;
}
даю лого флоат лефт и меню флоат лефт, а потом хедеру клеарфикс, слайдер вылетает вниз. Может ли лого быть не в хедере? Меню ведь по любому в контейнере
