почему clearfix не работает?

Question

body{
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
}

.clearfix::after {
    content:'';
    display: table;
    clear: both;
}

header{
    background: url(images/first-bg.jpg) no-repeat center top / cover;
    height: 700px;
}

.container{
    width: 930px;
    margin: 0 auto;
}

div{
    box-sizing: border-box;
}

.logo{
    margin-top: 41px;
    float: left;
}

nav{
    float: right;
    margin-top:45px;
}

.menu{
    margin: 0;
    padding: 0;
    display: block;
}

.menu li{
    float: left;
    display: block;
    margin-right: 41px;
}

.menu li a {
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
}

.titles{
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.title_first{
    font-size: 40px;
}

.titles h1{
    font-size: 75px;
}

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8"/>

		<title>Golden</title>

		  <link rel="stylesheet" href="style css.css" type="text/css"/>  
		  
		</head>

               
    <body>

     <header>
        <div class="container">	
			        <div class="clearfix">
				       <img src="images/logo.png" alt="golden" class="logo">
				<nav >
					  <ul class="menu">
						   <li><a href="#">Home</a></li>

						  <li><a href="#">Services</a></li>

						  <li><a href="#">Portfolio</a></li>

						  <li><a href="#">About</a></li>

						  <li><a href="#">Contact</a></li>
					  </ul>
				</nav>
			  </div>
			  <div class="titles">
			   <div class="title_first">Welcome to our studio</div>
			   <h1>It’s nice to Meet you</h1>
			  </div>
			        </div>
		</div>
	 </header>
	
	 <section>
		    <div class="container"></div> 
	 </section>
            
	 <section>
		    <div class="container"></div>
	 </section>
	    
	 <section>
		    <div class="container"></div>
	 </section>

	 <footer>
		    <div class="container"></div>
	 </footer>

   </body>


</html>

БЛОГ НА HUSL

почему clearfix не работает?

Ответы (0 шт):