为什么我的Css代码不能用于我的Html页眉和页脚？

你的CSS很好.问题是你的页眉和页脚高度为0.

使用clearfix属性.参考网址:什么是clearfix？

    body {
    font-family: Arial;
    font-size: 15px;
    line-height: 1.6em;
    background-color: linen;
    }
    
    .container {
    border: 2px solid black;
    width: 70%;
    margin: 20px auto;
    overflow: auto;
    }
    
    .Pull-Left {
    Float: Left;
    }
    
    .Pull-Right {
    Float: Right;
    }
    
    header {
    background-color: blue;
    }
    
    footer {
    background-color: blue;
    }
    
    .cf:after {
      content: "";
      display: table;
      clear: both;
    }

   
    
    
    
    
    
    
    

    

    
This Is The Main Title
    
***Some Text***