css - スタイラスペン–パーセンテージの追加

Question

スタイラスペンに問題があります。スパンを指定して列の幅を返す関数を作成しようとしていますn。これが私のコードです：

column-gap = 1%
column-width = 15%

column-span(n)
(column-width * n) + (column-gap * (n - 1))

問題は、n= 2の場合に返されることを期待column-spanしてい31%ますが、代わりに。を返します30.3%。

いくつかの試行錯誤の後、私はこのコードでさえ以下に準拠していることに気づきました30.3%：

30% + 1%

ここで何が起こっているのかわかりません。

Answer 1

ええ、それはスタイラスのバグです—左の部分のパーセンテージを追加するかのようにそのような入力を扱うので、30％から30％の1％を追加します。

ここでは、次のような回避策を使用できます。

column-span(n)
  (column-width * n) + unit(column-gap * (n - 1),"")

ここで行っているのは、式の2番目の部分から単位を削除することです。これにより、単位がとして扱われ30% + 1、そのような場合、スタイラスは適切なを与えます31%。