cssにおけるwidth、heightの100%とauto

.box {
  width: 100%;
  height: 100%;
  background-color: black;
}
//          ，  。
//          ，   ，       。
//     body 100%  ， html 100%  。

.box {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
}
//       positon:absolute ，        。
//         100%       。
//  margin      。

  .box{
  width: auto;
  height: auto;
  background-color: aquamarine;
  }
//          ，  。
//          ，   ，       。

 .box{
  width: 100px;
  height: auto;
  background-color: aquamarine;
  }


  
1111111111111111111111111111111
  

 .box{
  width: auto;
  height: 10px;
  background-color: aquamarine;
  }


  
1111111111111111111111111111111
  

//      100%   10px  。
//  margin       ，  margin          。