CSS百分比

demo

by Mike Lin

HTML

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

</div>
</div>

CSS

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

.cube{
  position: absolute;
  width: 20px;
  height: 20px;
  top: 20%;
  right: 30%;
  border: 1px dotted #999;
}