为什么此例postion要这样用？不是应该子绝父相吗？

Question

#content {
       width    : 60%;
       height   : 60%;
       top      : 20%;
       left     : 20%;
       overflow : hidden;
       position : absolute;
       border   : 1px solid #ccc;
   }
   
   .content-wrap {
       position: relative;
   }
   .content-wrap > li {
       width: 100%;
       height: 100%;
       background: #CAE1FF;
       color: red;
       float: left;
       overflow: hidden;
       position: relative;
   }
   li:nth-child(2) {
      background: #9BCD9B;
   }
 
   li:nth-child(3) {
      background: yellow;
   }
   
   </style>

Answer 1

html结构？

Answer 2

你这个问法，是准备让别人猜你HTML结构是什么吗？类似这种问题最好能够说明你想要实现的是什么效果，HTML和CSS代码是怎么样的，尝试过什么样的做法。毕竟CSS这种东西，用法是多种多样的！