CSS百分比

demo

by Mike Lin

HTML

<div class="cube-container">
  <div class="cube">
  
  </div>
</div>

CSS

.cube-container{
  border: 1px dotted #ee3979;
  width: 120px;
  height: 100px;
}
.cube{
  background-color: #98d4fb;
  height: 70%;
  margin: 5% 15%;
  padding: 0 10%;
  width: 50%
}