「CSS」paddingプロパティで親ブロックの割合を指定するサンプル

2014年5月25日2021年7月28日

書式
数値+%を指定
使用例

<style>
  .cftA {
    width: 250px;
    border: 3px solid SkyBlue;
  }
  .cftB {
  /*上 右 下 左を指定*/
    padding: 15% 18% 20% 10%; 
  }
</style>
<div class="cftA">
  <div class="cftB">sample data</div>
</div>