CSSでbackground-colorのみが反映されません

HTMLを練習しているのですが、CSSと結びつけたときにbackglound-colorがなぜか反映されません
文字色は反映されるのに、背景色は反映されない。

こういう場合、どのようなことが起こっているのでしょうか？

初心者で右も左も分からない状態です、、、、
以下のコードと実際のページをご覧ください。

初めの小さな一歩ではありますが皆様の力をお貸しくださいm(_ _)m

HTML
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <title>header</title>
6    <link rel="stylesheet" href="stylesheet.css">
7  </head>
8  <body>
9   
10    <header>
11      <div class="header-logo">ヘッダーロゴ </div>
12      
13      <div class="header-list">
14        <li>リスト1</li>
15        <li>リスト2</li>
16        <li>リスト3</li>
17        
18      </div>
19    
20    </header>
21    
22  </body>
23</html>

CSS
1header{
2  
3  background-color: #26d0c9;
4  color: #26d0c9;
5  
6  
7}
8
9.header-logo{
10  
11  float: left;
12  padding: 20px 40px;
13  font-size: 36px;
14  
15  
16}
17
18.header-list li{
19  
20  float: left;
21  padding: 33px 20px;
22  list-style: none;
23  
24  
25}

行動規範の内容に同意します

回答1件

ベストアンサー

たとえば。

【CSSの【float】についてちょっと本気出して説明してみた。 | たねっぱ！】
http://taneppa.net/float/

CSS
1header{
2  background-color: #26d0c9;
3  color: #26d0c9;
4  overflow: hidden; /* ADD */
5}
6```**動くサンプル：**[https://jsfiddle.net/59jxztk3/](https://jsfiddle.net/59jxztk3/)
7
8---
9
10【よこ並びのCSS。】
11[http://lopan.jp/layout/](http://lopan.jp/layout/)
12
13【段組みのCSS。】
14[https://lopan.jp/layout2/](https://lopan.jp/layout2/)