calcでcalになっているサンプル

これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。
これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。
<div class="row">
  <div class="col">
    これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。
  </div>
  <div class="col">
    これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。
  </div>
</div>
.row {
  display: flex;
  justify-content: space-between;
  max-width: 640px;
  margin: auto;
}

/* calcがcalになっている */
.col {
  width: cal((300 / 640) * 100%);
  background: #ccc;
}

元記事を表示する