CSS百分比

demo

HTML

<div class="border-container">
<div class="cube">测试一下</div>
</div>

CSS

.border-container{
  width: 100px;
  border: 1px dotted #666;
}

.cube{
  width: 50px;
  height: 30%;
  border: 1px dotted #999;
}